.test-image-tile {
  -o-object-fit: cover;
}
.bg-img img,
.bg-img picture {
  max-width: 100%;
  display: block;
}
.details-image-tile {
  --flow-space: var(--spacing-l);
  transition: opacity 0.5s ease 0.5s, height 1.5s ease;
  --flow-space: 0;
}
.item-image-tile:hover .details-image-tile {
  --flow-space: var(--spacing-l);
}
@media (min-width: 640px) {
  .static-image-tile {
    padding-inline: clamp(1rem, 5vw, 14rem);
  }

  @container (min-width: 500px) {
    .static-image-tile {
      padding-inline: clamp(1rem, 7rem + 5cqw, 14rem);
    }
  }
}