/** Shopify CDN: Minification failed

Line 8:0 Unexpected "<"
Line 46:0 Unexpected "<"

**/
/* START_SECTION:image-carousel (INDEX:23) */
<style>
  .carousel {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
  }
  
  .carousel-cell {
    margin-right: 10px;
    width: 75%; /* for mobile */ 
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* Needed for absolute positioning of the pseudo-element */
  }
  
  .carousel-cell::before {
    content: '';
    display: block;
    padding-top: 100%; /* This creates a square based on the width of .carousel-cell */
  }
  
  .carousel-cell img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images cover the square area */
    border-radius: 10px;
  }
  
  /* Desktop view */
  @media (min-width: 769px) {
    .carousel-cell {
      width: 25%; /* Adjusted for larger screens */
    }
  }
</style>
/* END_SECTION:image-carousel */