@exadel/esl/modules/esl-image-utils/all.css

Exadel Smart Library (ESL) is the lightweight custom elements library that provide a set of super-flexible components

.img-container {
  position: relative;
}
.img-container > img {
  width: 100%;
}
.img-container > img:is(.img-stretch, .img-cover, .img-contain) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
img.img-cover {
  object-fit: cover;
}
img.img-contain {
  object-fit: contain;
}
picture.img-container {
  display: block;
}
.img-fade {
  opacity: 0;
}
.img-fade.img-container-loaded,
.img-container-loaded .img-fade {
  opacity: 1;
  transition: opacity 0.4s;
}
.img-container.img-container-1-1 {
  aspect-ratio: 1;
}
.img-container.img-container-4-3 {
  aspect-ratio: 4 / 3;
}
.img-container.img-container-16-9 {
  aspect-ratio: 16 / 9;
}
.img-container.img-container-26-9 {
  aspect-ratio: 26 / 9;
}