.blog {
  max-width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  z-index:5556;
 pointer-events: none;
}

.blog-gallery {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  
}

.blog-gallery img {
  display: inline;
  vertical-align: middle;
  width:100%;

}

@media screen and (min-width: 40rem) {
.blog {
  max-width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
   z-index:55555;
  position:absolute;
  pointer-events: none;

}
.blog-gallery {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 3em;  
  position:absolute; 
  z-index: 55556;
  pointer-events: none;
}

.blog-gallery img {
  padding:0.2em;
  margin-bottom: 0.2em;
  max-width: 33%;
  display: inline-block;
  float:left;
  z-index: 55555;
  vertical-align: middle;


}
}