.fullwidth-image-video{
    position: relative;
    padding-bottom: 150px;
}
.background_wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fullwidth-image-video__content {
    clip-path: polygon(0 0, 87% 0, 100% 7%, 100% 100%, 13% 100%, 0 93%);
    background-color: #f3f3f5d4;
    padding: 40px 22px 40px 24px;
    max-width: 1280px;
    margin: auto;

}

.show-tablet-mobile{
    display: block;
}

@media (min-width: 768px) {
    .fullwidth-image-video__content {
       clip-path: polygon(0 0, 88% 0, 100% 15%, 100% 100%, 13% 100%, 0 82%);
       padding: 100px;
    }
}

@media(min-width:1025px) {
    .show-tablet-mobile{
        display: none;
    }
}
@media (min-width: 1200px) {
    .fullwidth-image-video__content {
        clip-path: polygon(0 0, 88% 0, 100% 17%, 100% 100%, 11% 100%, 0 82%);
    }
    
}



.iframe-wrapper {  position: relative;
  padding-bottom: 50.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

iframe.fullwidth-image-video__video  {
    /* width: 100vw;
    height: 100vh;  */
    position: absolute;
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   

}

@media (min-aspect-ratio: 16/9) {
    iframe.fullwidth-image-video__video {
      /* height = 100 * (9 / 16) = 56.25 */
      height: 56.25vw;
    }
  }
  @media (max-aspect-ratio: 16/9) {
    iframe.fullwidth-image-video__video {
      /* width = 100 / (9 / 16) = 177.777777 */
      width: 177.78vh;
    }
  }