@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}#image-grid-container{flex:2 1;padding:1rem;overflow-y:scroll;position:relative;margin-bottom:1rem}#image-grid-container .grid{list-style-type:none;flex:2 1;position:absolute;top:0;left:0;bottom:0;right:0;max-height:100%}#image-grid-container .grid.max-cols-3{display:grid;grid-template-columns:repeat(3,calc((100% - 4rem) / 3));grid-gap:2rem 2rem;gap:2rem 2rem;width:100%;padding:2rem}@media screen and (max-width:1000px){#image-grid-container .grid.max-cols-3{display:grid;grid-template-columns:repeat(2,calc((100% - 2rem) / 2));grid-gap:2rem 2rem;gap:2rem 2rem;width:100%}}@media screen and (max-width:650px){#image-grid-container .grid.max-cols-3{display:grid;grid-template-columns:repeat(1,calc((100% - 0rem) / 1));grid-gap:2rem 2rem;gap:2rem 2rem;width:100%;padding:1rem}}#image-grid-container .grid.max-cols-2{display:grid;grid-template-columns:repeat(2,calc((100% - 2rem) / 2));grid-gap:2rem 2rem;gap:2rem 2rem;width:100%;padding:1rem 3rem 3rem}@media screen and (max-width:650px){#image-grid-container .grid.max-cols-2{display:grid;grid-template-columns:repeat(1,calc((100% - 0rem) / 1));grid-gap:1rem 1rem;gap:1rem 1rem;width:100%;padding:1rem}}#image-grid-container .grid.max-cols-1{display:grid;grid-template-columns:repeat(1,calc((100% - 0rem) / 1));grid-gap:5rem 5rem;gap:5rem 5rem;width:100%;padding:1rem 3rem 3rem}@media screen and (max-width:650px){#image-grid-container .grid.max-cols-1{display:grid;grid-template-columns:repeat(1,calc((100% - 0px) / 1));grid-gap:5rem 0;gap:5rem 0;width:100%;padding:1rem}}#image-grid-container .cell{display:flex;flex-direction:column;align-items:center;position:relative}#image-grid-container .cell a{display:flex;flex-direction:column;align-items:center;gap:.25rem}#image-grid-container .cell a:hover>.image-title{text-decoration:none;background:repeating-linear-gradient(0deg,white,white 9.9px,yellow 0,yellow 19.8px,white 0,white 30px)}#image-grid-container .cell a:hover .image-overlay{opacity:1;animation-name:fade-in;animation-iteration-count:1;animation-duration:.25s}#image-grid-container .image-container{position:relative}#image-grid-container .image-grid-image{height:auto;width:auto;max-width:100%;margin:auto;object-fit:contain}#image-grid-container .image-title{font-weight:300;font-size:1.25rem;text-align:center}#image-grid-container .grid-with-grouping{display:grid;grid-template-columns:repeat(1,calc((100% - 0rem) / 1));grid-gap:1rem 1rem;gap:1rem 1rem;width:100%}