/* =========================================================
FIX HERO LEBIH ATAS LAGI
========================================================= */
.hero{
position:relative;
width:100%;
height:100vh;
overflow:hidden;
/* tambah lebih atas */
margin-top:-145px!important;
padding:0!important;
}
.hero img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* =========================================================
FOTO BERJALAN TANPA JEDA
========================================================= */
.running-wrap{
overflow:hidden;
width:100%;
padding:35px 0;
}
.running-track{
display:flex;
width:max-content;
/* lebih smooth */
animation:marquee 18s linear infinite;
}
.running-track.reverse{
animation:marqueeReverse 18s linear infinite;
margin-top:16px;
}
.running-group{
display:flex;
/* hapus jeda */
gap:0;
padding-right:0;
}
.running-group img{
width:108px;
height:160px;
object-fit:cover;
margin-right:8px;
border-radius:18px;
border:4px solid rgba(255,255,255,.95);
box-shadow:
0 10px 25px rgba(0,0,0,.12);
}
/* =========================================================
ANIMATION SMOOTH LOOP
========================================================= */
@keyframes marquee{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-50%);
}
}
@keyframes marqueeReverse{
0%{
transform:translateX(-50%);
}
100%{
transform:translateX(0);
}
}
