.block-card-double {
  inline-size: 100%;
  background-color: $color-white;

  .grid-container {
    padding: 0;
  }

  &__content {
    display: flex;

    @include media-down(lg) {
      flex-direction: column;
    }

    .card {
      position: relative;
      flex: 1 0 0;
      display: flex;
      height: auto;
      min-height: 500px;
      padding: $spacing-xxxl $spacing-lg $spacing-xxl;
      align-items: end;

      @include media-down(lg) {
        min-height: 450px;
        padding: $spacing-lg;
      }

      &-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        background-color: $color-black;
        z-index: 0;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          opacity: 0.7;
        }

        figcaption {
          display: none;
        }
      }

      &-txt {
        color: $color-white;
        z-index: 1;

        .btn-link-mono {
          &:hover {
            text-decoration-color: $color-white;
          }
        }
      }

      + .card {
        @include media-up(lg) {
          margin-left: -1px;
          border-left: 1px solid $color-white;
        }

        @include media-down(lg) {
          border-top: 1px solid $color-white;
        }
      }
    }
  }
}