<style>
.scroll-box {
border: 0px dashed rgb(212, 163, 115);
border-radius: 0px;
height: 250px;
width:100%;
overflow: hidden;
position: relative;
}
.scroll-content {
display: flex;
flex-direction: column;
animation: scrollUp 20s linear infinite;
}
.scroll-content img {
width: 100%;
padding: 0px;
display: block;
}
@keyframes scrollUp {
0% { transform: translateY(0); }
100% { transform: translateY(-50%); }
}
</style>
<div class="scroll-box">
<div class="scroll-content">
<!--Gambar akan diduplikasi agar tidak ada ruang kosong-->
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgstozVfsozNtW_8-__aO56lQWCbWnuvK7JDCbOUC-3BAMoCpJ7xwSB6CAF5hV_Pc67QNL3PYEbdVxWfJ3PsIx-Hq0gxlgUXGuCWzEMU3DApgpDfBVupm4a4Y2w35B0NwwplZh5aH45isWHvsePXe-rOm-5r9pFZjKEsmw59Ss-2yvvOLCPz3ENVUVivEFc/w177-h130/Screenshot_16-removebg-preview.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXTJHgAOlYy5KgwbEiNQfAOaUAmYAKzgF2KZ7Hn9SBAgK8rJOgcba3n1d1nEpKWl7FShbraXqO9zvFpMHuqCqLeyE29eDZFAqpq0SHRGd20881ic6vQc5g7Dx-wo6gJKK95vx4FEBGOFIKCbZqyutox5hxgN_Y0AUKYDOWd72hID3wFn-1Av8a2hjkvmdG/s320/Screenshot_2-removebg-preview.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-ieozn4t3DMIV4AFOiWjI5OJeJMQhIoWAh8FGTvLvxmHFs8Aryj-alP7wDsXao-btP4P65GJDoe7pYrNgiabNpfsZEZinhOoW2Hc_7JFxx3mvqIIax-JzmcQpl6hWD2k9PcY4R9YTwrvsTpnWhHCIosk5Ye3r_gWeRpWedwJDv6QJD-EOVrUXT6jTeoyS/s1600/Screenshot_1-removebg-preview.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9_5BkTGlVmcfQVr5obigkWjJCwaKToHIRsUZE2y0ZsPx10LGVBU5SP0tWfGhB69JeKp1uORtJwbdTAfP3MWebkxEz1OcEGzLLdldk-t28OQlDDhxygEdUdgVvrF9lsl-fqj567zc2fS7cGWEWyUANiuQbPq9jxADxiNf53CyGCsbF6EWAXQ15hgWQ_Cly/w384-h320/055244cf-a1db-4315-a26f-97021e89961d-removebg-preview.png" />
</div>
</div>
