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

/* middlechild */
.midchild {
    width: 100%;
    height: 100%;
    background:linear-gradient(to right,red,black);
    text-align: center;
}

.midchild h7 {
    font-size: 300%;
    color: aliceblue;
}

.midrapchild {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding:30px;
}
.kids img{
    width: 100%;
    height:100%;
    background-color:green;
} 

.kids {
    background-color: rgba(13, 93, 57, 0.6); 
    padding:15px;
    border-radius:15px;
    height:80%;
    width:80%;
}

.kids h8 {
    background-color: rgba(149, 11, 11, 0.6);
    text-align: center;
    text-transform: capitalize;
    color: aliceblue;

}

.kids p {
    font-size:40px;
    color: brown;
    text-align: center;
}