.carousel{display:flex;overflow:hidden;width:100%;margin:0 auto;flex-direction:column;align-items:center;position:relative;z-index:0}.carousel-container{display:flex;transition:transform .5s ease-in-out;width:100%}.carousel-item{flex:0 0 auto;width:100%;box-sizing:border-box}.carousel-item>img{object-fit:cover;position:relative}.carousel-navigation{display:flex;position:absolute;bottom:10px;z-index:1;gap:1rem;border-width:0;@media (min-width:1024px){display:none}}.circle{width:9px;aspect-ratio:1;border-radius:50%}.activeCircle{background-color:#3c97e6}.inactiveCircle{background-color:#fff}