.slider-container {position:relative;width:100%;max-width:250px;height:464px;margin:auto;overflow:hidden;}
.slider-wrapper {display:flex;transition:transform 1s ease;}
.slide {min-width:100%;height:100%;perspective:1000px;}
.slide img {width:100%;height:100%;object-fit:cover;transform:rotateY(0deg);transition:transform 0.8s;}
.prev, .next {position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0, 0, 0, 0.5);color:white;border:none;padding:10px;cursor:pointer;z-index:10;}
.prev {left:10px;}
.next {right:10px;}
.dots {text-align: center;position: absolute;bottom: 10px;width: 100%;}
.dot {display: inline-block;width: 10px;height: 10px;margin: 0 5px;background-color: rgba(255, 255, 255, 0.5);border-radius: 50%;cursor: pointer;}
.dot.active {background-color:white;}
.fullscreen-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.8);display:none;justify-content:center;align-items:center;z-index:20;}
.fullscreen-overlay img {height:100vh + 200px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}