.gallery{max-width:1280px;width:100%;height:auto;margin:0 auto 0;display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start}

.gallery>h2{width:100%;text-align:center;padding:0 5px;margin-bottom:.5em}
.gallery a,.gallery a picture,.gallery a picture img{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:800/450;overflow: hidden;border-radius:1em}
.gallery a{position:relative;margin:.5em;transition:.9s;border:1px solid rgba(0,0,0,.15)}
.gallery a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top left,#df232b 1px,transparent 20%);z-index:1;pointer-events:none}
.gallery a:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.4);transition:.2s;border:1px solid rgba(0,0,0,.1)}
.gallery a:active{transform:translateY(2px);box-shadow:0 5px 10px rgba(0, 0, 0, .1);transition:.2s;border:1px solid rgba(0,0,0,.1)}