img {
  max-width: 100%;
}

.thumb-elegant {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  width: 100%;
  border-radius: 1rem;
}

.thumb-elegant img {
  position: relative;
  width: 100%;
  height: 16rem;
  /* 256px */
  transform: scale(1);
  will-change: transform;
  transition: 0.8s ease;
  object-fit: cover;
}

.thumb-elegant:hover img {
  transform: scale(1.1);
}

.thumb-elegant {
  box-shadow: 0 0 8px 0 var(--theme);

}