DEMO | zp25

Veniam quis tempor dolore culpa reprehenderit incididunt anim sit ea exercitation amet. Enim minim anim velit pariatur minim exercitation duis aliquip nisi exercitation. Ad pariatur occaecat labore sint nulla qui. Lorem laborum consequat ea duis laborum sint nulla nostrud minim eu dolor ut irure aliqua. Adipisicing ut cupidatat sunt est nulla anim quis exercitation aliquip anim amet ad.

#full-width {
  .figure {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;

    &::before {
      content: '';
      display: block;
      padding-top: 32%;
    }

    .mf {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
    }
  }
}