.block-carousel {
  .carousel-item {
    .carousel-item-block {
      &.col-12,
      &.col-8,
      &.col-6,
      &.col-3,
      &.col-4,
      &.col-2 {
        .carousel-caption {
          position: inherit;
          text-align: left;
        }
      }
      @media (max-width: 767px) {
        &.col-12 {
          .carousel-caption{
            position: absolute;
          }
          h2, p {
            color: white;
          }

          h2 {
            font-size: 2.5rem;
            font-weight: 500;
            text-shadow: .125rem .125rem black;
          }

          p {
            font-size: 1.5rem;
            font-weight: 500;
            text-shadow: .125rem .125rem black;
          }

          img {
            display: block;
            width: 100%;
          }
        }
      }
      .carousel-item-block-video {
        .vjs-control-bar, .vjs-big-play-button {
          z-index: 2;
        }
      }
    }
  }
}