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 */