.carousel-wrapper{position:relative;width:100%;max-width:800px;margin:20px auto;overflow:hidden;aspect-ratio:4/3}.carousel{display:flex;transition:transform .5s ease;height:100%}.carousel img{width:100%;height:100%;object-fit:contain;flex-shrink:0;cursor:pointer}.carousel-buttons{position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.carousel-button{background-color:rgba(0,0,0,.5);color:#fff!important;border:none;padding:10px;cursor:pointer;font-size:18px;pointer-events:all;box-shadow:none;border-radius:inherit;height:auto}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);justify-content:center;align-items:center}.modal img{max-width:90%;max-height:90%}