.fade-in-out {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.fade-image {
    opacity: 0; /* Start with the image fully transparent */
    animation: fadeInOut 4s ease-in-out infinite; /* Adjust the animation duration as needed */
}

@keyframes fadeInOut {
    0% {
        opacity: 0; /* Start with the image fully transparent */
    }
    50% {
        opacity: 1; /* Fade the image in to fully visible */
    }
    100% {
        opacity: 0; /* Fade the image out to fully transparent */
    }
}