@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in-on-load {
    animation-name: fadeIn;
    animation-duration: .5s; /* Adjust duration as needed */
    animation-fill-mode: forwards; /* Keeps the element at 100% opacity after animation completes */
}