*{

    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
img{ max-width: 100%;}
.top{
    background-color: blue;
    text-align: center;
    color: white;
    font-family: 'Times New Roman', Times, serif;
    padding: 10px; 
 
}

.banner img {
    width: 100%; 
}
 
.three-fruits{ display: flex;
justify-content: center;
margin-top: 30px;
margin-bottom: 30px;}

.fruit-1,.fruit-2,.fruit-3{
    width: 33%;
}

.more{
    color: blue;
    text-align: center;
    font-size: 50px;
    margin-bottom: 30px;
}
.two-fuits{
    display: flex;
    justify-content: center;
}
.fruit-4 img ,.fruit-5 img{width: 50%;}