/* Fullscreen carousel for small screens */
@media (max-width: 576px) {
  .carousel-fullscreen {
    position: relative;
    width: 100vw;
    min-height: 100vh;
    height: 100vh;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0;
    z-index: 1;
    background: #000;
  }
  .carousel-fullscreen .carousel-item img {
    height: 100vh !important;
    object-fit: cover;
    width: 100vw !important;
    border-radius: 0 !important;
  }
  .carousel-fullscreen .carousel-caption {
    bottom: 2rem;
  }
}