#navbar{margin-bottom:15px}.gallery{display:grid;grid-template-columns:repeat(12, 1fr);gap:8px}figure{margin:0}.gallery__img{width:100%;height:100%;object-fit:cover;opacity:0;animation:fadeIn 2s;-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;-o-animation:fadeIn 2s;-ms-animation:fadeIn 2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards;filter:brightness(100%);-webkit-filter:brightness(100%);-ms-filter:brightness(100%);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}.gallery__img:hover{filter:brightness(40%);-webkit-filter:brightness(40%)}.gallery-span-row-1{grid-row-start:span 1}.gallery-span-row-2{grid-row-start:span 2}.gallery-span-row-3{grid-row-start:span 3}.gallery-span-row-4{grid-row-start:span 4}.gallery-span-row-5{grid-row-start:span 5}.gallery-span-row-6{grid-row-start:span 6}.gallery-span-col-1{grid-column-start:span 1}.gallery-span-col-2{grid-column-start:span 2}.gallery-span-col-3{grid-column-start:span 3}.gallery-span-col-4{grid-column-start:span 4}.gallery-span-col-5{grid-column-start:span 5}.gallery-span-col-6{grid-column-start:span 6}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@media(max-width: 750px){.gallery-span-row-1,.gallery-span-row-2,.gallery-span-row-3,.gallery-span-row-4,.gallery-span-row-5,.gallery-span-row-6{grid-row-start:auto}.gallery-span-col-1,.gallery-span-col-2,.gallery-span-col-3,.gallery-span-col-4,.gallery-span-col-5,.gallery-span-col-6{grid-column-start:span 12}}