*{margin: 0%;
   padding: 0%;
   box-sizing: border-box;
}


table{
   
    background-color: #2727;
}
.display-flex{
    display: flex;
}

#banner{
    width: 100%;
    height: 100vh;
    position: absolute;
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(image/nature.jpg);
    background-position:center;
    background-size: cover;

}
#fly-box{
    margin: 150px auto;
    width: 200px;
    position: relative;
    transition: 2s;
}
.first-img{
    max-width: 100%;
    animation: rotation .2s linear infinite;
}
/* .second-img{
    width: 80px;
    position:absolute;
    top: 65px;
    left: -11px;
    animation: rotation .2s linear infinite;

}
.third-img{
 width: 80px;
    position:absolute;
    top: 65px;
    right: -11px;
    animation: rotation .2s linear infinite;
} */

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