*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}:root{--image-size:500px}html,.G-body{width:100%;height:100%}.G-body{display:grid;place-items:center;overflow:hidden}.my-gallery{max-width:900px;display:block;text-align:center;overflow:hidden;background-color:#ffffff91;padding:30px 10px 30px;border-radius:25px;margin:0 auto;direction:ltr}.gallery{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.25);margin:auto}#slider.slider{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}#slider .wrapper{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity 1.2s ease,transform 6s ease;pointer-events:none}#slider .wrapper.selected{opacity:1;transform:scale(1.15);z-index:2;pointer-events:auto}#slider .wrapper img{width:100%;height:100%;object-fit:cover;display:block}#slider .wrapper img.flipped{display:none}#slider:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 35%);pointer-events:none;z-index:3}.slider-dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:4}.slider-dots button{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.45);cursor:pointer;padding:0;transition:transform .25s ease,background .25s ease}.slider-dots button.active{background:#fff;transform:scale(1.3)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;background:rgba(0,0,0,.35);color:#fff;border:none;width:42px;height:42px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.slider-arrow:hover{background:rgba(0,0,0,.6);transform:translateY(-50%) scale(1.08)}.slider-arrow.prev{left:14px}.slider-arrow.next{right:14px}.slider-progress{position:absolute;bottom:0;left:0;height:3px;background:#fff;z-index:4;width:0}@media screen and (max-width:600px){.my-gallery{padding:0;margin:0 10px}}