#fw-section-featured-collection-aa7671b9-9447-494a-9c3f-1c7cb7728692 {

/*
  BRUTE FORCE OVERRIDE
  This attempts to override inline styles set by JavaScript.
*/

/*
  RULE 1: Force the shape of the image container.
  The key here is setting height to 'auto' to allow aspect-ratio to work.
*/
.image__object {
  width: 100% !important;
  height: auto !important; /* THIS IS A CRITICAL ADDITION */
  aspect-ratio: 5 / 7 !important;
  overflow: hidden !important;
  position: relative !important; /* Good practice for positioning children */
}

/*
  RULE 2: Force the image to fill the container perfectly.
*/
.image__object img {
  position: relative;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  object-fit: cover;
}

/*
  RULE 3: Hide the second "hover" image permanently.
*/
.image__object .tile__item--2 {
  display: none !important;
}

/*
  RULE 4: Keep the first image visible on hover.
*/
.tile:hover .image__object .tile__item--1 {
  opacity: 1 !important;
}
}