.carousel {

    .carousel-item-image {
        object-fit: cover;
        object-position: top;
        width: 100%;
        height: 480px;
        margin-top: -30px;
    }

    .carousel-item-content {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to bottom,rgba(43, 32, 24, 0), rgba(0, 0, 0, 0), rgba(rgb(0, 0, 0), 1));

        .carousel-caption {
            right: 0;
            left: 0;
            bottom: 0;
            padding: 1rem;

            .carousel-caption-text {
                color: white;
                padding: 0.5rem;
                font-size: 1.6rem;
                line-height: 2.4rem;
                text-shadow: 0 2px 4px #000000;
            }
    
            .carousel-caption-subtext {
                font-size: 1rem;
                text-shadow: 0 2px 6px #000000;
            }
        }

        .credit{
            font-size: 0.7rem;
            font-weight: 400;
            opacity: 0.8;
            color: rgb(255, 255, 255);
            padding: 1rem;
            text-shadow: 0 2px 6px #000000;

            //letter-spacing: 1px;
            a{
                color: rgb(252, 151, 151);
            }
        }

    }

}

.zoom {
    animation: scale 20s linear infinite;
  }
    
  @keyframes scale {
    50% {
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
    }
  }

  .home-banner{

    .carousel-item-image{
        height: 70vh;
    }

  }