.noActiveHotel,
.carousel {
  display: none;
}

@media screen and (max-width: 949px) {
  .carousel:not(.noActiveHotel) {
    display: grid;
  }

  .carouselContent {
    gap: var(--Spacing-x1);
    align-items: end;
  }
}

@media screen and (max-width: 500px) {
  .carouselContent {
    grid-auto-columns: 90%;
  }
}
