#myFancyBox {
margin:20px auto;
clear:both;
padding:20px; 
background-color:#f1f1f1
}

#myFancyBox h2{
margin:20px auto;
text-align:center;
color:#212529;
font-family: Wix Madefor Display;
    font-weight: 800;
text-transform: uppercase;
text-transform: capitalize;
}

#myFancyBox #flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
justify-content: center;
align-content: space-between;
align-items: center;
border:0px solid red;
}

#myFancyBox #flex div{
margin:20px;
background-color:#f1f1f1;
text-align:center;
width:30%;
border:0px solid blue;
}

@media (max-width: 762px) {

	#myFancyBox #flex div{
	width:99%;
	}
}

#myFancyBox #flex img{
margin:0 auto;
display:block;
max-height:100%;
max-width:100%;
object-fit: cover;
border-radius:7px;
}

#myFancyBox #flex img:hover{
transform: scale(1.03);
    transition: all .3s;
    filter: brightness(100%);
}