.media-fullwidth {
  height: 250px;
  width: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: transparent !important;
}

.media-fullwidth__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 800px) {
  .media-fullwidth {
    height: 100%;
    justify-content: center;
  }

  .media-fullwidth .media-fullwidth__gradient {
    position: absolute;
    height: 100%;
    width: 20%;
    background: linear-gradient(to right, rgba(var(--c-primary-lighter), 1) 0%, rgba(var(--c-primary-lighter), 0.82) 50%, rgba(var(--c-primary-lighter), 0) 100%);
    z-index: 0;
  }
}