*{
    margin: 0;
    padding: 0;
}
.main-banner{
    
    width: 100%;
    position: absolute;
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.6)),url(./images/pic.jpeg);
    background-position: center;
    background-size: cover;
    height: 100vh;
}
.drone-box {
    margin: 150px auto;
    /* transition: 2s; */
    width: 200px;
    position: relative;
    transition: 1s;

}
.drone-pic{
    width: 100%;
    

}
.left-pic
{
width: 60px;
top: .3px;
left: -2px;
position: absolute;
animation: rotation 0.2s linear infinite;
}
.right-pic
{
 width:60px;
 top: .3px;
right: -2px;
position: absolute;
animation: rotation 0.2s linear infinite;
}


@keyframes rotation{
    100%
    {
        transform: rotateY(360deg);
    }
}