.own img, .container1 img, .container2 img, .container3 img, .container4 img , .personalized img, .banner img{
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity: 0;
    transform: translateY(100px);
    flex-basis: 25%;
}

img.in-view, img {
    opacity: 1;
    transform: translateY(0);
}

#bird1 {
    animation: moveTurnAndReturn1 12s ease-in-out infinite;
}

@keyframes moveTurnAndReturn1 {
    0% {
        transform: translateX(0) scaleX(1);
    }
    50% {
        transform: translateX(1200px) scaleX(1);
    }
    51% {
        transform: translateX(1200px) scaleX(-1);
    }
    100% {
        transform: translateX(0) scaleX(-1);
    }
}

#bird2 {
    animation: moveTurnAndReturn2 8s ease-in-out infinite;
}

@keyframes moveTurnAndReturn2 {
    0% {
        transform: translateX(0) scaleX(1);
    }
    50% {
        transform: translateX(580px) scaleX(1);
    }
    51% {
        transform: translateX(580px) scaleX(-1);
    }
    100% {
        transform: translateX(0) scaleX(-1);
    }
}

#bird3 {
    animation: moveTurnAndReturn3 4s ease-in-out infinite;
}

@keyframes moveTurnAndReturn3 {
    0% {
        transform: translateX(0) scaleX(1);
    }
    50% {
        transform: translateX(200px) scaleX(1);
    }
    51% {
        transform: translateX(200px) scaleX(-1);
    }
    100% {
        transform: translateX(0) scaleX(-1);
    }
}

#bird4 {
    animation: moveTurnAndReturn4 4s ease-in-out infinite;
}

@keyframes moveTurnAndReturn4 {
    0% {
        transform: translateX(0) scaleX(1);
    }
    50% {
        transform: translateX(400px) scaleX(1);
    }
    51% {
        transform: translateX(400px) scaleX(-1);
    }
    100% {
        transform: translateX(0) scaleX(-1);
    }
}
.pic{
    height: 400px;
    width: 400px;
  
}
.container2,.container4{
     
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;

}
.container1,.container3{
    margin: 5px;
    display: flex;
    justify-content:space-around;
}
.op{
    height: 400px;
}