body {


   background-image: url("edokomon2.png");
}

.pattern1 {
  width: 60%;
  height: 60%;
  overflow: hidden;
}
 
.pattern1 img {
  width: auto;
  height: 180px;
  position: absolute;
  left: 38%;
  top: 38%;
}

.pattern2 img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 46%;
  top: 13%;
}

.pattern3 img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 68%;
  top: 21%;
}

.pattern4 img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 78%;
  top: 45%;
}

.pattern5 img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 68%;
  top: 69%;
}

.pattern6 img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 46%;
  top: 80%;
}
.pattern7 img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 25%;
  top: 70%;
}
.pattern8 img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 15%;
  top: 45%;
}
.pattern9 img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 25%;
  top: 22%;
}

.pattern10 img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 15%;
  top: 22%;
}