img.gallery {
     width: 50%;
     box-shadow: 1px 1px 3px black;
     margin-left: 2em;
     float: right;
}

p.galleryImage {
    margin: 1em 0em;
    text-align: center !important;
}

@media screen and (max-width: 870px) {
    img.gallery {
        margin-top: 0em !important;
        
    }
}

@media screen and (max-width:610px) {
    p.galleryImage {
        margin-top: 1em !important;
    }
    div#mainContainer img.gallery {
        display: inline;
        float: none;
        margin: 0 !important;
        width: 50% !important;
        
    }
}

@media screen and (max-width:450px) {
    div#mainContainer img.gallery {
        width: 100% !important;
        
    }
}