:root {
    --shownportion: calc(1.772*100vw);
}

* {
    box-sizing: border-box;
}

.content {
    width: 100%;
    margin: 0;
}

/* .container {
    display: flex;
    flex-direction: column;
}

img {
    width: auto;
    height: contain;
} */

.container {
    /* overflow: hidden; */
    width: 100%;
    height: contain;

    position: fixed;
    /* margin: 0 auto; */
    margin-bottom: 5rem;
}
@keyframes masihscroll {
    0% {transform: translateY(0%);}
    50% {transform: translateY(calc(100vh - 14.5rem - var(--shownportion)));}
    100% {transform: translateY(-0%);}
}
.container img {
    width: 100%;
    height: contain;
    max-width: 100%;
    transition: all 60s;
    animation-duration: 60s;
    -webkit-animation-duration: 60s;
    -moz-animation-duration: 60s;
    -o-animation-duration: 60s;
    animation-name: masihscroll;
    animation-iteration-count: 1000;

}

.container img:hover {
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused; 
    animation-play-state:paused;
}