.carousel-wrapper {
  padding: 32px 10px;

  .carousel-item {
    height: auto;
    position: relative;

    img {
      width: 100%;
      border-radius: 18px;
    }

    .learn-more-btn {
      position: absolute;
      color: #F5F5F5;
      z-index: 1;
      font-family: 'Oswald', sans-serif;
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      left: 50%;
      top: 85%;
      transform: translate(-50%, -15%);
    }
  }

  @media screen and (min-width: 768px) {
    padding: 64px 32px;

    .carousel-item {

      .learn-more-btn {
        font-size: 32px;
      }
    }

  }
}