/* ===== Layout dasar section ===== */
.section.gallery{
  position: relative;
  height: 220vh;      /* tinggi cukup buat parallax */
  overflow: visible;
  background:#ffff;
  margin-bottom: 100px; /* atau padding-bottom: 100px; */
}

/* Teks di tengah: dipin oleh ScrollTrigger, jangan di-transform */
.center-text{
  position: relative;
  z-index: 2;
  pointer-events: none;
  text-align: center;
  top: 10%;
  font-weight: 900;
  font-size: clamp(4rem,10vw,12rem);
  color: rgba(69, 69, 69, 0.08);
}

/* Gambar */
.gallery-items .item {
  position: absolute;
  width: 260px;
  height: 320px;
  border-radius: 16px;
  overflow: hidden;
  z-index: 3;
}

.gallery-items .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 16px;
}

.section.gallery .gallery-items .item img {
  transform: translateY(0) !important;
  scale: 1 !important;
}


/* posisi tiap gambar (bebas kamu ubah) */
.gallery-items .item:nth-child(1){ top:10%; left:8%;  }
.gallery-items .item:nth-child(2){ top:18%; right:8%;}
.gallery-items .item:nth-child(3){ top:38%; left:20%;}
.gallery-items .item:nth-child(4){ top:48%; right:18%;}
.gallery-items .item:nth-child(5){ top:66%; left:6%; }
.gallery-items .item:nth-child(6){ top:76%; right:12%;}
.gallery-items .item:nth-child(7){ top:84%; left:30%;}
.gallery-items .item:nth-child(8){ top:92%; right:6%; }

/* Kotak latar (layer belakang) */
.bg-box{
  position: absolute;
  width: 160px; height:160px;
  background: rgba(136, 135, 135, 0.08);
  border-radius: 18px;
  z-index: 1;
}
/* contoh posisi */
.bg-box:nth-of-type(1){ top:14%; left:40%;}
.bg-box:nth-of-type(2){ top:28%; right:26%;}
.bg-box:nth-of-type(3){ top:52%; left:12%;}
.bg-box:nth-of-type(4){ top:60%; right:6%;}
.bg-box:nth-of-type(5){ top:72%; left:52%;}
.bg-box:nth-of-type(6){ top:82%; right:34%;}
.bg-box:nth-of-type(7){ top:90%; left:24%;}
.bg-box:nth-of-type(8){ top:96%; right:12%;}