/* .wedding{
    animation: wedding 5s alternate  ease-in-out;
}
@keyframes wedding {
    0%{
        position: relative;
        right: -50vw;
        opacity: 0;
       
    }
    100%{
        position: relative;
        right: 0vw;
        opacity: 1;
    } 
}
.birthday{
    animation: wedding 5s alternate ease-in-out;

}
@keyframes wedding {
    0%{
        position: relative;
        right: -50vw;
        opacity: 0;
    }
    100%{
        position: relative;
        right: 0vw;
        opacity: 1;
    } 
}

.occasional{
    animation: wedding 5s alternate ease-in-out;

}
@keyframes wedding {
    0%{
        position: relative;
        right: -50vw;
        opacity: 0;
    }
    100%{
        position: relative;
        right: 0vw;
        opacity: 1;
    } 
}
 */