@media (min-width: 992px) {
    .nav-link{
        transition: transform 0.2s ease-in-out;
    }

    .nav-link:hover{
        transform: scale(1.2);
    }

}

@media (min-width: 666px) {


}

@media (min-width: 420px) {

}



.floating-image {
    position: absolute;
    right: 2%; /* Moves the image to the right */
    top: 50%; /* Centers vertically */
    transform: translateY(-50%); /* Adjusts exact centering */
    height: 9vw;
    max-height: 136px;
}

@media (max-width: 800px) {
    .floating-image {
        top: 80%;
        height: 60px;
    }
}

@media (max-width: 666px) {
    .floating-image {
        top: 85%;
    }
}

@media (max-width: 420px) {
    .floating-image {
        top: 83%;
    }
}