* {
    box-sizing: border-box;
  } 

  
.imagepost {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;

  
  
}

.gallery-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  width: 100%;
}


.gallery-gif-div{
    /* border-radius: 5px;  */
    overflow: hidden; 
}

.gallery-gif {
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: .8rem;
    width: 31%;
    margin-top: 4px;
    vertical-align: middle;
    float:left;
    margin:.5%;
    padding: 5px;
    line-height: 1em;
  }
  

  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
    .gallery-gif {
      flex: 100%;
      width: 100%;
    }
  }