.image-carousel{display:flex;overflow:hidden;width:100%;justify-content:center;position:relative}.slide{flex:0 0 33.33%;transition:transform 0.5s ease-in-out;display:flex;justify-content:center}.image-carousel img{max-width:100%;height:auto}@media (max-width:768px){.slide{flex:0 0 100%}}.carousel-dots{display:flex;justify-content:center;margin-top:10px}.carousel-dot{width:10px;height:10px;border-radius:50%;background-color:#ccc;margin:0 5px;cursor:pointer}.carousel-dot.active{background-color:#333}