.overlay-section {
  position: relative;
  display: block;
  overflow: hidden;

  .image {
    text-align: center;
    margin-left: -1000px;
    margin-right: -1000px;
    min-height: 500px;
    max-height: 900px;

    background-size: cover;

    img {
      max-width: auto;
      display: block;
      margin: auto;
      visibility: hidden;
    }

    + .overlay {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;

      .overlay-content {
        padding-bottom: 100px;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
      }
    }
  }

  .overlay:first-of-type {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  &:not(.no-overlay-bg) {
    .overlay {
      background: $color__overlay-bg;
    }
  }
}