.carousel-control-prev {
        width: 3vw !important;
        z-index: 2 !important;
        transform: translateY(-3%) !important;
    }

    .carousel-control-next {
        width: 3vw !important;
        z-index: 2 !important;
        transform: translateY(-3%) !important;
    }

    .my-prev-icon {
        font-size: 3vw;
        font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial;
        color: #fff;
    }

    .my-prev-icon:hover {
        color: aquamarine;
    }

    .carousel-item {
        transition: transform 1s ease-in-out;
    }

    .overlay-1 {
        position: absolute;
        top: 0;
        bottom: 0px;
        left: 0vw;
        z-index: 1;
        display: flex;
        transform: translateY(42%);
        justify-content: center;
        width: 16.66vw;
        padding: 0;        
        cursor: pointer;
        color: #ffffff;
        font-size: 2vw;
        transition-duration: 1s;
    }

    .overlay-1:hover {
        color: aquamarine  ;
    }

    .overlay-2 {
        position: absolute;
        top: 0;
        bottom: 0px;
        left: 16.66vw;
        z-index: 1;
        display: flex;
        transform: translateY(42%);
        justify-content: center;
        width: 16.66vw;
        padding: 0;
        cursor: pointer;
        
        color: #ffffff;
        font-size: 2vw;
    }

    .overlay-2:hover {
        color: aquamarine  ;
    }

    .overlay-3 {
        position: absolute;
        top: 0;
        bottom: 0px;
        left: 33.22vw;
        z-index: 1;
        display: flex;
        transform: translateY(42%);
        justify-content: center;
        width: 16.66vw;
        padding: 0;
        cursor: pointer;
        
        color: #ffffff;
        font-size: 2vw;
    }

    .overlay-3:hover {
        color: aquamarine  ;
    }

    .overlay-4 {
        position: absolute;
        top: 0;
        bottom: 0px;
        left: 49.70vw;
        z-index: 1;
        display: flex;
        transform: translateY(42%);
        justify-content: center;
        width: 16.66vw;
        padding: 0;
        cursor: pointer;
        
        color: #ffffff;
        font-size: 2vw;
    }

    .overlay-4:hover {
        color: aquamarine  ;
    }

    .overlay-5 {
        position: absolute;
        top: 0;
        bottom: 0px;
        left: 66.00vw;
        z-index: 1;
        display: flex;
        transform: translateY(42%);
        justify-content: center;
        width: 16.66vw;
        padding: 0;
        cursor: pointer;
        
        color: #ffffff;
        font-size: 2vw;
    }

    .overlay-5:hover {
        color: aquamarine  ;
    }

    .overlay-6 {
        position: absolute;
        top: 0;
        bottom: 0px;
        left: 82.40vw;
        z-index: 1;
        display: flex;
        transform: translateY(42%);
        justify-content: center;
        width: 16.66vw;
        padding: 0;
        cursor: pointer;
        
        color: #ffffff;
        font-size: 2vw;
    }

    .overlay-6:hover {
        color: aquamarine  ;
    }