body {
    margin: 0;
}

.app {
    display: flex;
    justify-content: center;
    position: relative;
}

.main-img {
   max-width:  100%;
   max-height: 100vh;
}

.controlbar {
    position: absolute;
/*    bottom: 10vh;   */
    bottom: 4.8vh;
    display: flex;
        right: 2vw;   
}

.icon {
   width: 9vw;
}

@media all and (min-width: 975px) {
    .app-wr {
        position: relative;
    }
    .main-img {
        width: 75.46vw;
        max-width: 1442px;
        max-height: 1000px;
    } 
    
    .controlbar {
       right: 5.5%; 
    }
    
    .icon {
        width: 5vw;
        max-width: 91px;
    }
}


.icon:hover {
    cursor:pointer;
}