@keyframes slideBanner { 0% { transform: translateX(0%); } 33% { transform: translateX(0%); } 36% { transform: translateX(-100%); } 66% { transform: translateX(-100%); } 69% { transform: translateX(-200%); } 99% { transform: translateX(-200%); } 100% { transform: translateX(0%); } } .custom-slider img { flex-shrink: 0; width: 100%; transition: transform 1s ease-in-out; }