body{
    background: linear-gradient(90deg , #ffde59, #ff914d);
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000;
    height: 120vh;
}

#pic2{ 
    animation-name: pic2;
    animation-duration: 5s;
}
@keyframes pic2 {
    0%{
        width: 0;
    }
    100%{
        width: 415;
    }
}
#pic3{
    animation-name: pic3;
    animation-duration: 5s;
}
@keyframes pic3 {
    0%{
        width: 0;
    }
    100%{
        width: 415;
    }
}
#pic4{
    animation-name: pic4;
    animation-duration: 5s;
}
@keyframes pic4 {
    0%{
        width: 0;
    }
    100%{
        width: 415;
    }
}
#pic5{
    animation-name: pic5;
    animation-duration: 5s;}
@keyframes pic5 {
    0%{
        width: 0;
    }
    100%{
        width: 415;
    }
}
#pic6{
    animation-name: pic6;
    animation-duration: 5s;
}
@keyframes pic6 {
    0%{
        width: 0;
    }
    100%{
        width: 415;
    }
}
#pic7{
    animation-name: pic7;
    animation-duration: 5s;
}
@keyframes pic7 {
    0%{
        width: 0;
    }
    100%{ width: 415;
    }
}
#pic1{
    animation-name: pic1;
    animation-duration: 5s;
}
@keyframes pic1 {
    0%{
        transform: scale(1);
    }
    50%{transform: scale(1.2);}
    100%{ transform: scale(1);
    }
}