.carousel{width:100%;position:relative}.carousel-content,.dots{justify-content:center;align-items:center;gap:10px;margin:5px;display:flex}.carousel-content{flex-direction:column}.previousImageButton,.nextImageButton{color:var(--main-color);background-color:#0000;border:0}.dot{color:var(--main-color);border:1px solid var(--links-background);background-color:#0000;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;font-size:20px;transition:all .2s linear;display:flex}.dot:hover,.active{background-color:var(--links-background);color:#fff}.previousImageButton{position:absolute;left:10px}.nextImageButton{position:absolute;right:10px}.carousel img{cursor:pointer;transition:all .2s linear}@media (width>=910px){.carousel img{width:auto;height:200px}}@media (width<=909px){.carousel img{object-fit:contain;width:60%;max-width:60%;max-height:200px}}