div#masonry {
    display: -ms-flexbox;
  -ms-flex-direction: row;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100vw;
	font-size: 0; 
}
div#masonry span {
    border-radius: 0px;
    display: inline-block;
    vertical-align: top;
    padding: 4px;
}
div#masonry img { 
	width: 100%;
	transition: .8s opacity;
    border-radius: 0px 0px 0 0;
}

/*
div#masonry:hover img {
	opacity: 0.3;
}
*/

div#masonry:hover img:hover {
	opacity: 1;
}
@supports not (flex-wrap: wrap) {
    div#masonry {
		display: block;
	}
	div#masonry img { 
		display: inline-block;
		vertical-align: top;
	}
}