.image {
  display: block;
  background: var(--image-placeholder) center/cover no-repeat;
}
.image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: var(--image-aspect-ratio);
  display: flex;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.image.image-loaded {
  background-image: none;
}
.image.image-loaded img {
  opacity: 1;
}
.image.image-error img {
  display: none;
}