.Image {
  position: relative;
  /* z-index: 1 из .Image__img внезапно перекрывает другие относительные/абсолютные элементы интерфейса над ним */
  z-index: 0;
}

/* Добавляем практически прозрачную обводку внутри картинки, */
/* в основном чтобы заблюренные картинки не сливались с фоном */
.Image::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid rgb(255 255 255 / 0.06);
  border-radius: inherit;
  pointer-events: none;
}

.Image__img,
.Image__placeholderImg,
.Image__previewImg {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.Image__img {
  position: relative;
  z-index: 1;
}

.Image--loading .Image__img {
  position: absolute;
  top: 0;
  left: 0;
}

.Image__previewImg,
.Image__reloadButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Image__previewImg {
  object-fit: contain;
  filter: blur(8px) opacity(0.9);
}

.Image__reloadButton {
  padding: 8px;
  color: var(--vkui--color_text_contrast);
  background: var(--vkui--color_overlay_primary);
  border-radius: 50%;
}
