.video-wrapper {
    max-width: 100vw;
    margin: 0 auto;
  }
  
  .responsive-video {
    width: 100%;
    aspect-ratio: 16 / 6;
    object-fit: cover;
    display: block;
  }
  .video-wrapper::after  {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background-image: linear-gradient(180deg,#2e362e 0,rgba(115,120,115,0) 50%);
  background-image: linear-gradient(180deg,#2e362e 0,rgba(115,120,115,0) 20%);
  content: "";
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 1;
}

.video-wrapper::after {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background-image: linear-gradient(180deg,#2e362e 0,rgba(115,120,115,0) 50%);
  background-image: linear-gradient(180deg,#000000cf 0,rgba(115,120,115,0) 30%);
  content: "";
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 1;
}