html, body, .carousel, .carousel-inner, .carousel-item {
    height: 100%;
    overflow: hidden;
}
.carousel-item {
    transition: transform 2s ease, opacity .5s ease-out
}

    .carousel-item img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        opacity: 0.2;
    }

.overlay {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 3rem;
    font-weight: bold;
}

.overlay img {
    width: 50%;
    height: 50%;
}


footer a i {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 0.8em !important;
}
footer a {
    text-decoration: none;
}
i {
    opacity: .7;
}
    i:hover {
        opacity: 1;
    }

.message {
    font-size: 0.3em;
    font-weight: 100;
    font-family: "DM Sans", sans-serif;
    letter-spacing: 0.2em;
}



/* Media query for mobile devices */
@media (max-width: 768px) {
    .overlay img {
        width: 100%;
        height: auto;
    }

    
}