.my-slider-container{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4;display:flex;justify-content:center;align-items:center;height:100vh}.my-slider{position:relative;width:100%;max-width:800px;overflow:hidden;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .2)}.my-slides{display:flex;transition:transform 0.5s ease-in-out;width:300%}.my-slide{width:100%;flex-shrink:0}.my-slider video{width:100%;display:block}.my-navigation{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.my-navigation button{background-color:rgb(0 0 0 / .5);color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:50%;font-size:18px}.my-navigation button:hover{background-color:rgb(0 0 0 / .7)}