html,
body {
margin: 0;
padding: 0;
width: 100%;
}
#container {
position: relative;
width: 100%;
padding-top: 100%;
}
.image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-size: cover;
}
#image1 {
top: 0;
left: 0;
width: 50%;
height: 50%;
background-image: url("/content/7f18c23e6f622fc03001bfd52e6a2693282b0b28289a18a51bb650e89a949f39i0");
}
#image2 {
top: 0;
left: 50%;
width: 50%;
height: 50%;
background-image: url("/content/63753599a4eb54abb431daffb97ab6385d564a122148ff759aa20ad19a4899cci0");
}
#image3 {
top: 50%;
left: 0px;
width: 50%;
height: 50%;
background-image: url("/content/df6980a7952f9dc0bd73ff49d1466d2a29d48185ec2ea266537380483276d83ai0");
}
#image4 {
top: 50%;
left: 50%;
width: 50%;
height: 50%;
background-image: url("/content/18d1dcbcefa1437e93fb67aff754f7c27534e04d5fb2075dbe312725610c29cfi0");
}
/* signed by billyrestey */