.page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f8f8f8;font-family:sans-serif}.carousel{position:relative;max-width:600px;width:90%}.carousel-image{width:100%;border-radius:10px;transition:opacity .5s ease-in-out}.dots{text-align:center;margin-top:8px}.dot{display:inline-block;height:10px;width:10px;margin:0 4px;border-radius:50%;background-color:#ccc;cursor:pointer;transition:background .3s}.dot.active{background-color:#333}