.banner{
  background: var(--main-background-color);
  color: var(--main-information-color);    
}
.banner__body{
  padding: var(--desktop-top-padding) 0 var(--desktop-bottom-padding);   
  @media (max-width: 989px) {
    padding: var(--mobile-top-padding) 0 var(--mobile-bottom-padding);
  }
}

.banner__media-wrap{position: relative; padding-bottom:54.82%;}
.banner__media-wrap img,
.banner__media-wrap video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; border-radius:var(--radius-md);}

@media (max-width:749px){
  .banner__media-wrap{padding-bottom:191.045%;}
}