/* img{
	max-width: 100%;
} */
.gallery{
	/* background-color: #dbddf1; */
	padding: 80px 0;
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    position: relative;
    animation: change 9s ease-in-out infinite;
}
.gallery img{
	background-color: #ffffff;
	padding: 15px;
	width: 100%;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	cursor: pointer;
}
.gallery h2{
	text-align: center;
	color: white;
}
#gallery-modal .modal-img{
	width: 100%;
}
@keyframes change {
	0% {
	  background-position: 0 50%;
	}

	50% {
	  background-position: 100% 50%;
	}

	100% {
	  background-position: 0 50%;
	}
  }