.bbw-video{
  display:flex;
  flex-direction:row-reverse;
  gap:15px;
  align-items:center;
  width:860px;
  position:relative;
  margin:0 auto;
  margin: 8% auto;
  width: calc(100% * 8 / 12);

}
.bbw-video.landscape{
  width: calc(100% * 11 / 12);

}

.bbw-video .text:before{
  content:"";
  width: 150%;
  height: 100%;
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  background:rgba(0,88,131,0.04);
  border-bottom:5px solid #005883;
}

.bbw-video .video{
  flex:0 0 calc(100% * 3 / 8 - 10px);
  position:relative;
}

.bbw-video.landscape .video{
  flex:0 0 calc(100% * 5 / 8 - 10px);

}

.bbw-video .text{
  flex: 0 0 calc(100% * 5 / 8 - 5px);
  text-align: left;
  padding: 4% 5% 5%;
  position: relative;
  box-sizing: border-box;
}
.bbw-video.landscape .text{
  flex: 0 0 calc(100% * 3 / 8 - 5px);

}

@media screen and (max-width: 1000px) {
    .bbw-video,
    .bbw-video.landscape{
      flex-direction:column;
      margin:10% 0 15%;
      width:100%;
      gap:0;
    }

  .bbw-video .video{
    width:100%;
  }

  .bbw-video .text{
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0 15px;
  }
  .bbw-video .text h2{
    font-size: 24px;
    line-height: 28px;
    margin: 10px 0 5px;
  }

  .bbw-video .text:before{
    top: -30px;
    width: 100%;
    height: calc(100% + 40px);
  }


}