#img1 {
  left: 3.6%;
  top: 30.5%;
  -webkit-animation: backInDown 1s both 0.2s;
}

#img2 {
  left: 3.6%;
  top: 87.7%;
  -webkit-animation: fadeInUp 1s both 1s;
}

/* #open-popup-1 {
  position: absolute;
  left: 11%;
  bottom: 13%;
  width: 19%;
  height: 10%;
  cursor: pointer;
}

#open-popup-2 {
  position: absolute;
  left: 11%;
  bottom: 13%;
  width: 19%;
  height: 10%;
  cursor: pointer;
} */
.pic1,
.pic2,
.pic3,
.pic4,
.pic5,
.pic6,
.pic7,
.pic8,
.pic9,
.pic10,
.pic11,
.pic12,
.pic13,
.pic14,
.pic15
 {
    position: absolute;
    top: 0%;
    left: 0%;
    /* display: none; */
}

.pic5 {
  /* top: 23%;
  left: 11.2%; */
  width: 100% !important;
  height: 100% !important;
}

.imgpic,.imgpic1,.imgpic2,.imgpic3,.imgpic4,.imgpic5 {
  position: absolute;
      top: 0%;
      left: 0%;
      display: none;
  }

  .imgpic,.imgpic1,.imgpic2,.imgpic3,.imgpic4,.imgpic5 {
    /* top: 41.5%;
    left: 11.2%; */
    width: 100% !important;
    height: 100% !important;
}