.my-gallery {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.my-gallery img {
    width: 100%;
    height: auto;
}
.my-gallery figure {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    width: 250px;
}
.my-gallery figcaption {
    display: none;
}








/* Media Queries */
/* ##Device = Desktops ##Screen = 1281px to higher resolution desktops */

/*@media (min-width: 1281px) {
     //CSS 
}
*/

/* ##Device = Laptops, Desktops ##Screen = B/w 1025px to 1280px */
 @media (min-width: 1025px) and (max-width: 1280px) {
     .my-gallery figure {
  width: 250px;
}
}

/* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */

 @media (min-width: 768px) and (max-width: 1024px) {
     .my-gallery figure {
  width: 200px;
}
}


/* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */
 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     .my-gallery figure {
  width: 200px;
}
}


/* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */
 @media (min-width: 481px) and (max-width: 767px) {
     .my-gallery figure {
  width: 150px;
}
}


/* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */
 @media (min-width: 320px) and (max-width: 480px) {
     .my-gallery figure {
      width: 110px;
    }
}