@Def3ct it sort of worked but not the way I needed to be
like <style>
.slideshow-container1234 {
position: relative;
max-width: 100%;
overflow: hidden;
}
.slides1234 {
display: flex;
animation: slide1234 15s infinite;
}
.slides1234 img {
width: 100%;
height: auto;
display: block;
}
@keyframes slide1234 {
0% { transform: translateX(0); }
20% { transform: translateX(-100%); }
40% { transform: translateX(-200%); }
60% { transform: translateX(-300%); }
80% { transform: translateX(-400%); }
100% { transform: translateX(-500%); }
}
</style>
this is the code and when I smack the div section, the pics supposed to be moving to the next from right to left, but when I did it, it only showed one of the pics and the rest was umm missing