Divi masonry image galleries without a plugin.css

html {
  overflow-y: scroll;
}

body {
  font-family: sans-serif;
  margin: 0; padding: 0;
}

.item {
  float: left;
  position: relative;
  line-height: 1em;
}

.grid-sizer { 
  width: 20%; 
}

.item { 
  width: 20%; 
}

.image{
  max-width: 100%;
  margin: 0;
  display: block;
}

.image:after {
  clear:both;
}

@media screen and (max-width: 1224px) {
  
  /* 10 columns for larger screens */
  .grid-sizer { 
    width: 33.33%;
  }
  
  .item { 
    width: 33.33%; 
  }
  
}

@media screen and (max-width: 720px) {
  
  /* 10 columns for larger screens */
  .grid-sizer { 
    width: 50%; 
  }
  
  .item { 
    width: 50%; 
  }
  
}

@media screen and (max-width: 480px) {
  
  /* 10 columns for larger screens */
  .grid-sizer { 
    width: 100%; 
  }
  
  .item { 
    width: 100%; 
  }
  
}