.carousel-container{position:relative;border-radius:16px;height:500px;width:750px;margin:auto;overflow:hidden;display:flex;flex-direction:column;align-items:center}.carousel-image{height:100%;width:100%;border-radius:16px;object-fit:cover;transition:opacity 1s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}.carousel-controls{align-items:center;margin-top:10px;gap:10px}.carousel-controls,.carousel-dots{display:flex;justify-content:center}.carousel-dots{gap:5px}.dot{height:10px;width:10px;background-color:#bbb;border-radius:50%;cursor:pointer;transition:background-color .3s}.dot.active{background-color:#717171}.carousel-arrow{font-size:20px;cursor:pointer;color:#717171;background:none;border:none;padding:0;transition:color .3s}.carousel-arrow:hover{color:#555}@media (max-width:1250px){.carousel-container{width:525px;height:350px}}@media (max-width:550px){.carousel-container{width:430px;height:287px}}@media (max-width:480px){.carousel-container{width:360px;height:240px}.carousel-arrow{font-size:18px}}@media (max-width:440px){.carousel-container{width:290px;height:193px}}