.carousel-images{height:400px;width:600px;justify-content:space-between;transition:all 1s ease-out;user-select:none;border-radius:15px}.arrow,.carousel-images{display:flex;align-items:center}.arrow{width:40px;height:40px;background-color:rgba(255,255,255,.6);border-radius:50%;justify-content:center;cursor:pointer;margin:0 1rem;transition:background-color .2s ease}.arrow:hover{background-color:rgba(255,255,255,.85)}.middle{display:flex;justify-content:center;align-items:center;margin:1rem;padding:0 1rem;gap:.5rem;align-self:flex-end;height:30px;background-color:black;opacity:50%;border-radius:10px}.dot{cursor:pointer;font-size:3rem;color:#ccc;transition:color .3s ease,transform .3s ease}.dot:focus,.dot:hover{color:white;transform:scale(1.5);outline:none}.dot-current{color:white;font-weight:700;transform:scale(1.5)}