*{box-sizing:border-box;font-optical-sizing:auto;margin:0;padding:0;font-family:Open Sans,sans-serif;font-style:normal;font-weight:400}h1{text-align:center}#banner-container{width:100vw;position:absolute;top:100px}#banner{border-radius:20px;width:75vw;margin:0 auto;display:block;position:relative}#banner-title{color:#578ef5;background-color:#f2f7a0;border-radius:20px;width:400px;max-width:75vw;margin:30px auto}h1{padding:1em}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.image-grid img{object-fit:cover;aspect-ratio:1;width:100%;height:100%}@media only screen and (width>=500px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}}