html, body {
margin: 0;
padding: 0;
width: 100%;
}
#container {
position: relative;
width: 100%;
padding-top: 100%;
}
#image1 {
top: 0%;
left: 0%;
width: 50%;
height: 50%;
background-image: url("/content/d43b717da9fbf7b4428a13805d7eb0c91ecbec760bed3fce7c772c57013efd18i0");
}
#image2 {
top: 0%;
left: 50%;
width: 50%;
height: 50%;
background-image: url("/content/5c5e9df1fb6818ac1cfed6eb4e19cc66605ace162fdbbec6e701a3d54c0a36dai0");
}
#image3 {
top: 50%;
left: 0%;
width: 50%;
height: 50%;
background-image: url("/content/0a2b29c09f83f4a635754b611f3194d3c8fddcd9212dc3b464e59df44dccbb1di0");
}
#image4 {
top: 50%;
left: 50%;
width: 50%;
height: 50%;
background-image: url("/content/aa1b32881e35c9f5027ba8da3c5836e9f46049932fe9337a604e5fcc5b03c907i0");
}