.dropablecircle1 {
    position: absolute;
    left: -17%;
    top: -2%;
    height: 103%;
}

.dropablerectangle2 {
    position: absolute;
    left: -10%;
    top: 0;
    height: 100%;
}

.R-PopUp {
	left: 32% !important;
}

#popup{
    bottom: 37%;
}

.C-PopUp{
    left: 8%;
}


.T-PopUp{
    right: 6%;
}

div.imageblock {
    top: 20%;
    height: 31%;
}
.definitionblock {
    position: relative;
    top: -14%;
}
.imgContainer{
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
}
.drpCont{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.isTriangle {
    position: absolute;
    right: 4%;
    width: 29%;
}
.triangleCont{
  position: absolute;
  top: 45%;
  left: 16%;
  height: 44%;
  width: 66%;
  /* background: #f00; */
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.circleCont{
  position: absolute;
  top: 8%;
  left: 2%;
  height: 89%;
  width: 84%;
  /* background: #f00; */
  border-radius: 50%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.rectCont{
  position: absolute;
  top: 11%;
  left: 3%;
  height: 79%;
  width: 92%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.triangleCont img, .circleCont img, .rectCont img{
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.rectCont img{
  width: 30%;
  height: 27%;
}
.triangleCont img{
  width: 29%;
  height: 34%;
}
.circleCont img{
  width: 22%;
  height: 24%;
}