/* .scroll-zoom-image {
  transform: scale(1);
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  will-change: transform, opacity;
}

.zoom-ready {
  opacity: 0.8;
} */


.scroll-zoom-image {
  transform: scale(1);
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  will-change: transform, opacity;
  backface-visibility: hidden; /* パフォーマンス向上のため */
}

.zoom-ready {
  opacity: 0.8;
}

/* 画像の親要素に適用すると良いスタイル */
.image-container {
  overflow: hidden;
  position: relative;
}