.monitor-slider-container{position:relative;width:100%;aspect-ratio:4/3;max-width:400px;margin:auto;overflow:hidden}.base-image{z-index:1}.base-image,.sliding-image{position:absolute;width:100%;height:100%;object-fit:contain}.sliding-image{opacity:0;transform:translateX(100%);z-index:2;animation:slide 30s linear infinite}.sliding-image:nth-of-type(2){animation-name:first-slide;animation-duration:30s}.sliding-image:nth-of-type(3){animation-delay:3s}.sliding-image:nth-of-type(4){animation-delay:6s}.sliding-image:nth-of-type(5){animation-delay:9s}.sliding-image:nth-of-type(6){animation-delay:12s}.sliding-image:nth-of-type(7){animation-delay:15s}.sliding-image:nth-of-type(8){animation-delay:18s}.sliding-image:nth-of-type(9){animation-delay:21s}.sliding-image:nth-of-type(10){animation-delay:24s}.sliding-image:nth-of-type(11){animation-delay:27s}@keyframes slide{0%{transform:translateX(100%);opacity:0}3.33%{transform:translateX(0);opacity:1}10%{transform:translateX(0);opacity:1}13.33%{transform:translateX(-100%);opacity:0}to{transform:translateX(-100%);opacity:0}}@keyframes first-slide{0%{transform:translateX(0);opacity:1}10%{transform:translateX(0);opacity:1}13.33%{transform:translateX(-100%);opacity:0}to{transform:translateX(-100%);opacity:0}}