.image {
  touch-action: none;
}

.icons img {
  padding: 7px;
  height: 34px;
  width: 34px;
  background-color: rgba(255 255 255 / 30%);
  border-radius: 100%;
}

.image > div > img {
  object-fit: cover;
  transform: scale(var(--zoom, 1));
  transform-origin: var(--x) var(--y);
  transition: transform 0.3s ease;
}

.icons {
  position: absolute;
  top: 2%;
  left: 90%;
}

.hide-item {
  display: none;
}

@media only screen and (width >= 821px) {
  .image:hover {
    --zoom: 2;
  }
}