.logo {
    position: absolute;
    width: 20%;
    height: 20%;
    background-color: 88CC00;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    /* Animation properties */
    animation: x-move 12s linear infinite alternate, 
               y-move 8s linear infinite alternate; /* Durations must be different for corner hits */
}

@keyframes x-move {
    from { left: 0; }
    to { left: calc(100% - 200px); } /* 100px is the logo width */
}

@keyframes y-move {
    from { top: 0; }
    to { top: calc(100% - 50px); } /* 50px is the logo height */
}