/* ==========================================================================
 * Editorial Style Sheet for Bootstrap 5+
 * Context: Travel Reports & Photography Portfolio
 * ========================================================================== */

.editorial-carousel .carousel-item {
  height: 480px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.editorial-carousel .carousel-caption-overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%);
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 3rem;
  color: #fff;
}
.editorial-carousel .carousel-caption-overlay h2 {
  color: #fff;
}