.background{
    background-image: url('/images/about.jpg');
    background-size: cover;
    background-position: center;
    height: 150vh;
    display: flex;
}
.backabout{
    height: 80%;
    width: 95%;
    margin-top: 100px;
    margin-left: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: black;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.about{
    border-radius: 20px;
    text-align: center;
    margin: 10px;
    padding: 20px;
}
.h3{
    width: 100%;
    text-align: center;
    font-size: 25px;
}
.box1{
    background-image: url('/images/about1.jpg');
    background-size: cover;
    background-position: center;
    height: 45%;
    width: 55%;
    margin-top: 40px;
}
.box2{
    background-color:white;
    color: black;
    height: 30%;
    width: 30%;
}
b{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.box3{
    background-image: url('/images/about3.jpg');
    background-size: cover;
    background-position: center;
    height: 30%;
    width: 20%;
}
.box4{
    background-image: url('/images/about4.jpg');
    background-size: cover;
    background-position: center;
    height: 30%;
    width: 20%;
}
.box5{
    background-image: url('/images/about5.jpg');
    background-size: cover;
    background-position: center;
    height: 30%;
    width: 20%;
}
.box3:hover, .box4:hover, .box5:hover{
    transform: scale(1.05);
}