.school-photo {
    padding: 10px;
    margin: 0px 10px 40px 20px;
    vertical-align: top;   
    text-align: center;
    font-size: 12px;
    display: inline-block;
    width: 260px;
}

.school-img {
    background-size: cover;
    display: block;
}

.school-cap {
    display: block;
    padding-top: 10px;
}

.school-photos {
 
}

#school1 {
    width: 250px;
    height: 312px;
    background-image:url('/static/img/events/school1.jpg');
}

#school2 {
    width: 250px;
    height: 250px;
    background-image:url('/static/img/events/school2.jpg');
}

#school3 {
    width: 250px;
    height: 250px;
    background-image:url('/static/img/events/school3.jpg');
}