*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
body{
    width:100vw;
    heigt: 100vh;
    flex-direction: column;
    bckground-image: url(1-732.jpg);
    background-position: center;
    background-size: cover;
    
}
#con{
    width: 60vw;
    heiht: 100vh;
    flex-direction: column;
    padding: 5rem 0 5rem 0;
}
#fir{
    width: 30rem;
    height: 10rem;
    background-color: aqua;
    background-image: url(10777877.jpg);
    background-position: center;
    background-size: cover;
    margin-bottom: 0.5rem;
    
}
#sec{
    width: 30rem;
    
}
#secfir{
    width: 20rem;
    heiht: 100%;
    flex-direction: column;
    margin-right: 0.5rem;
    
}
#secsec{
    width: 10rem;
    height: 20rem;
    background-color: red;
    background-image: url(bright-spring-scenery-krabi-island-pig-photomontage-adds-beauty-to-beauty-natural-conceptual-backgrounds-bright-spring-157599490.jpg);
    background-position: center;
    background-size: cover;
    
}
#a{
    width: 100%;
    hight: 50%;
    
}
#black{
    width: 20rem;
    height: 10rem;
    margin-top: 0.5rem;
    background-color: brown;
    background-image: url(nature-scenery-4k-s4.jpg);
    background-position: center;
    background-size: cover;
    
}
#yell,#blue{
    width: 10rem;
    height: 10rem;
    background-color: rebeccapurple;
    
}
#yell{
    background-color:blanchedalmond;
    margin-right: 0.5rem;
    background-image: url(photo-1500485035595-cbe6f645feb1.jpg);
    background-position: center;
    background-size: cover;
}
#blue{
    background-image: url(silhouette-of-swan-on-lake-nature-scenery-vector-13823826.jpg);
    background-position: center;
    background-size: cover;
}
@media (max-width:800px){
#sec{
    flex-direction: column;
}
#a{
    flex-direction: column;
}
#black{
    width: 10rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
#secsec{
    height: 10rem;
}
#fir{
    width: 10rem;
}
#secfir{
    margin-right: 0;
}#yell{
    margin-right: 0;
    margin-bottom: 0.5rem;
}
#blue{
    margin-bottom: 0.5rem;
}
}