.home-slider {
  margin-bottom: 1.5rem;
}

.home-slider .carousel-inner,
.home-slider .carousel-item,
.home-slider .carousel-item img {
  height: var(--home-slider-height, auto);
}

.home-slider .carousel-item img {
  width: 100%;
  object-fit: cover;
}

.home-content {
  width: 100%;
}

@media (max-width: 768px) {
  .home-slider {
    margin-bottom: 1rem;
  }
}