img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} .a8b-carousel { position: relative; width: 100%; margin: 0 auto; overflow: hidden;} .a8b-carousel ul { display: flex; list-style: none; margin: 0; padding: 0; transition: transform 0.5s ease;} .a8b-carousel ul li { flex: 0 0 200px; padding: 0 20px; transition: opacity 0.3s ease;} .a8b-carousel ul li img { height: auto; object-fit: contain;} .a8b-carousel button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px 15px; cursor: pointer; border-radius: 3px; z-index: 10;display: none;} .a8b-carousel button.prev { left: 10px;} .a8b-carousel button.next { right: 10px;} .a8b-carousel button:hover { background: rgba(0, 0, 0, 0.8);}@keyframes scroll { 0% { transform: translateX(-1%); } 100% { transform: translateX(-50%); }}