body{
    background-image: url(images/desktop-bg.png);
    background-repeat: no-repeat;
}

#phone{
    margin-left: 60vw;
    animation-delay: 1s;
    animation: ring 5s ease-in-out 1s infinite;
    height: 87vh;
    margin-top: 5vh;
}

#phone:hover{
    scale: 1.1;
    cursor: pointer;
}

@media (max-width: 1000px){
    body{
        background-image: none;
    }
    #phone{
        margin-left: 0;
        height: 70vh;
        position: fixed;
        top: 0;
        left: 5vh;
    }
}


@keyframes ring{
    3%{
        rotate: 3deg;
    }
    6%{
        rotate: -3deg;
    }
    9%{
        rotate: 3deg;
    }
    12%{
        rotate: -3deg;
    }
    15%{
        rotate: 3deg;
    }
    18%{
        rotate: -3deg;
    }
    21%{
        rotate: 3deg;
    }
    24%{
        rotate: -3deg;
    }
    27%{
        rotate: 3deg;
    }
    30%{
        rotate: -3deg;
    }
    33%{
        rotate: 3deg;
    }
    36%{
        rotate: -3deg;
    }
    39%{
        rotate: 3deg;
    }
    42%{
        rotate: -3deg;
    }
    45%{
        rotate: 3deg;
    }
    48%{
        rotate: -3deg;
    }
}