Demo 02 – DIVI Masonry gallery

Example: 5 symetrical with columns responsivity (keep number of columns for different resolution).

Addition to your CSS:
.masonry-grid-item {padding: 10px;}
.masonry-grid-item .et_pb_gallery_image {border: 5px solid #FFFFFF;}

Demo 03 – DIVI Masonry gallery

Example: 2 columns with responsive columns layout. Title and caption of images show on hover.

Addition to your CSS:
.masonry-grid-item {padding: 30px;}
.masonry-grid-item .et_pb_gallery_image {border: 20px solid #FFFFFF;-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}

Demo 04 – DIVI Masonry gallery

Example: 5 symetrical with columns responsivity (keep number of columns for different resolution).

Addition to your CSS:
.masonry-grid-item {padding: 10px;}
.masonry-grid-item .et_pb_gallery_image {border: 5px solid #FFFFFF;}