.film-carousel-widget {
    position: relative;
}
.film-container img, .film-container picture {
    width: 100%;
}

#homepage-banner-splide .splide__slide picture img {
    width: 100%;
}

.film-carousel-widget:first-of-type {
   margin-top: 1rem;
}
.film-carousel {
   padding: 1rem;
   overflow: hidden;
}
.film-carousel .splide__pagination, .film-carousel .splide__arrows {
   display: none;
}
.film-carousel .carousel-heading-container {
   display: flex;
   justify-content: space-between;
   padding-bottom: 1rem;
   align-items: center;
}
.film-carousel h2 {
   font-weight: 500;
   font-size: var(--h2-clamp);
}
.film-carousel .view-all-button {
   font-size: var(--text-sm);
   font-family: var(--emphasis-font);
   color: var(--base-emphasis);
   background: #000;
   padding: .325rem .75rem;
   text-shadow: 0 0 0 var(--base-emphasis);
   text-decoration: none;
   flex-shrink: 0;
   font-weight: 500;
}
.film-carousel .view-all-button:hover {
   background: #000000a0;
   text-shadow: 0 0 2px var(--base-emphasis);
}
.film-carousel .splide__track {
    overflow-y: visible !important;
}

@media only screen and (min-width: 360px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 500px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 640px) {
   .film-carousel {
      padding: 1rem 2rem;
      overflow-x: clip;
      overflow-y: visible !important;
   }
   .film-carousel .splide__track {
        overflow: unset;
        overflow-x: clip;
        overflow-y: visible !important;
   }
   .film-carousel .splide__arrows {
      display: flex;
   }
   .film-carousel .splide__arrow {
      height: 3rem;
      width: 3rem;
      top: 50%;
      transform: translateY(-33%);
   }
    #new-releases.film-carousel .splide__arrow {
        top: 47%;
        transform: unset;
    }
 }
 
 @media only screen and (min-width: 768px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 1024px) {
   .film-carousel #new-releases-slide03 {
      display: none;
   }
 }
 
 @media only screen and (min-width: 1280px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 1536px) {
   /* CSS rules */
 }