.carousel-container{width:100%;max-width:800px;margin:0 auto;position:relative}.carousel{display:flex;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.carousel::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 100%;height:400px;position:relative}.carousel-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:none;color:#fff;font-size:24px;padding:10px;cursor:pointer;z-index:1}.carousel-button-prev{left:10px}.carousel-button-next{right:10px}@media (max-width:768px){.carousel-item{height:300px}}#carousel{cursor:pointer;transition:transform .3s ease;overflow:hidden}#carousel:hover{transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.1)}.caption{text-align:center;margin-top:10px;overflow-wrap:anywhere;max-width:100%}