@supports(display: grid) {
	.grid{ display: grid; grid-template-columns: repeat(auto-fill,minmax(calc(200px + 15vw), 1fr));	justify-items: center; gap: 10px; }
									}
@supports(object-fit: cover){
	.grid > div > img,.grid > div > a img{    object-fit: cover;	height: 100%;	width: 100%; }
	.grid > div {    height: 80vh;    width: 100%;    max-height: 500px; }						
									} 
.picture img:hover {
	filter: brightness(150%);
	transform: scale(1.03);
transition: 1s;
}