```html
body {
fontfamily: Arial, sansserif;
backgroundcolor: f0f0f0;
padding: 20px;
}
.container {
maxwidth: 800px;
margin: 0 auto;
backgroundcolor: fff;
padding: 20px;
borderradius: 8px;
boxshadow: 0 0 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
h1 {
textalign: center;
fontsize: 28px;
marginbottom: 20px;
color: 333;
}
.imagegrid {
display: grid;
gridtemplatecolumns: repeat(autofit, minmax(250px, 1fr));
gap: 10px;
}
.imageitem {
overflow: hidden;
borderradius: 8px;
boxshadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.imageitem img {
width: 100%;
height: auto;
transition: transform 0.3s ease;
}
.imageitem:hover img {
transform: scale(1.1);
}