.portaits {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 3vw;
    width: 100%;
    z-index: 30;
}

.portaits img {
    position: relative;
    margin: 0 1vw;
    border-radius: 5vw;
    height: 8vw;
    width: 8vw;
    box-shadow: 10px 20px 50px #000;
}

.zoom {
    transform: scale(1,1);
    transition-duration: 1.0s;
}

.zoom:hover {
    transform: scale(1.2,1.2);
    box-shadow: 12px 24px 50px #000;
    transition-duration: 1.0s;
}

.portrait1 {
    animation: swing 4s infinite linear;
}

.portrait2 {
    animation: swing 4s infinite linear 0.5s;
}

.portrait3 {
    animation: swing 4s infinite linear 1.0s;
}

.portrait4 {
    animation: swing 4s infinite linear 1.5s;
}

.portrait5 {
    animation: swing 4s infinite linear 2.0s;
}

@keyframes swing {
    0% {
        top: 0vw;
    }

    50% {
        top: -3vw;
    }

    100% {
        top: 0vw;
    }
}