.teaser-media-max {
  @extend .teaser-max;
}
.teaser-media {

  .well {
    display: block;
    color: #fff;
    background-color: red;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    &:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0; top: 0;
      right: 0; bottom: 0;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.45));
    }
    .well-lg {
      &:after {
      }
    }

    .content-max {
      z-index: 1;
      position: relative;
    }
  }
  a {
    &:hover, &:focus {
      .svg-icon {
        transform: scale(1.2);
      }
    }
  }

  .svg-icon {
    margin-top: 3em;
    transition: transform 0.2s ease-out;
  }

  .embed-responsive {
    padding-top: 0;

    .teaser-media-body {
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 1.5em;
    }

    .svg-icon {
      width: 3em;
      height: 3em;
    }
  }

}