@media(max-width:568px){
    .person-img {
        height: auto; 
        width: auto; 
        max-width: 200px !important; 
        max-height: 150px !important;
}
}
.container{
    width: 90%;
}
#jump-to:hover{
    cursor:pointer;
}
#jump-to{
    position: fixed;
    bottom: 0px;
    right: -153px;
    background-color: black;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    -webkit-animation: mymove 3s 1 ; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    
    animation: mymove 3s 1;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {right: -153px;}
    to {right: 0px;}
}

@keyframes mymove {
    from {right: -153px;}
    to {right: 0px;}
}
.person-img {
    height: auto; 
    width: auto; 
    max-width: 400px; 
    max-height: 350px;
}