.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;

}

.my-gallery figcaption {
  display: none;
}

@media only screen and (min-width: 480px) {
	.my-gallery figure {
	display: block;
	float: left;
	width: 24%;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-left: 0;
}
	
}


@media only screen and (max-width: 479px) {
	.my-gallery figure {
	display: block;
	float: left;
	width: 46%;
	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 10px;
	margin-left: 2%;
}
	
}