.members { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.members .member { }
.members .member .image { display: block; width: 100%; height: 140px; border: 2px solid var(--accents); position: relative; border-radius: 5px; box-sizing: border-box; }
.members .member .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 85%; max-height: 75%; width: auto!important; }

body.page7 .members { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
body.page7 .members .member { }
body.page7 .members .member a { height: 200px; }

@media screen and (max-width: 1100px) {
    
	.members { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
	.members .member { }
    .members .member .image { height: 100px; }
    .members .member .image img { max-width: 75%; }
    
    body.page7 .members { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }

}