.video-wrapper {
  position: relative;
  width: 100%;
}

.video-controls {
  position: absolute;
  bottom: 250px;
  right: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px;
  border-radius: 5px; z-index: 9;
}

.video-controls button,
.video-controls input {
  cursor: pointer;
}



@media (max-width: 1600px) {
    .video-controls {
        bottom: 183px;
    }
}

@media (max-width: 1600px) {
    .video-controls {
        bottom: 233px;
    }
}

@media all and (max-width:600px){
    .video-wrapper{height: 100%;}
    .video-wrapper video{object-fit: cover; height: 100%;}
    .video-controls{bottom: 10px;}
}