.note-1 {
    top: 60%;
    left: 60%;
    animation: note-1-animation 4s ease-in-out infinite;
}

@keyframes note-1-animation {
    0% {
        transform: translate(-50%, -35%);
    }

    50% {
        transform: translate(-50%, -75%);
    }

    100% {
        transform: translate(-50%, -35%);
    }
}

.note-2 {
    top: 30%;
    left: 30%;
    animation: note-2-animation 2.5s ease-in-out infinite;
}

@keyframes note-2-animation {
    0% {
        transform: translate(-50%, -35%);
    }

    50% {
        transform: translate(-50%, -75%);
    }

    100% {
        transform: translate(-50%, -35%);
    }
}