.video-rich {

  &--content {
   line-height: 0; // removes extra space within div

   @include viewport--l('inversed') {
      padding: $spacing--m $spacing--s;
      border-bottom-left-radius: $border-radius--l;
      border-bottom-right-radius: $border-radius--l;
    }

    @include viewport--l {
      width: grid-columns(5, 8);
    }
  }
  .content-block__title {
    @include font-style($section-header--font-style, $section-header--font-style-l);
  }

  &--s img {
    border-top-right-radius: $border-radius--l;
    border-top-left-radius: $border-radius--l;
  }

  &--l {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    min-height: 300px;
  }
}