.dad {
    position: absolute;
    height: 58%;
    left: 82%;
    top: 24%;
}
.lakhan {
    position: absolute;
    height: 41%;
    left: 69%;
    top: 40%;
}
.speech1 {
    position: absolute;
    width: 36%;
    height: 24%;
    top: 12%;
    left: 38%;
}
.insidetext {

    transform: translate(-50%,-50%) !important;
    left: 55% !important;
    top: 45% !important;
    position: absolute !important;

}
.doctor {
    position: absolute;
    height: 56%;
    top: 31%;
    left: 27%;
}
.speech2 {
    position: absolute;
    width: 28%;
    height: 24%;
    top: 12%;
    left: 45%;
}
.speech3 {
    position: absolute;
    width: 37%;
    height: 27%;
    top: 4%;
    left: 42%;
}
.doctor2 {
    position: absolute;
    transform: scaleX(-1);
    height: 66%;
    top: 20%;
    left: 50%;
}
.speech4 {
    position: absolute;
    width: 45%;
    height: 36%;
    top: 4%;
    left: 5%;
}
.speech7 {
    position: absolute;
    width: 38%;
    height: 33%;
    top: 1%;
    left: 60%;
}
.speech5 {
    position: absolute;
    width: 21%;
    height: 22%;
    top: 2%;
    left: 62%;
}
.insidetext2 {

    transform: translate(-50%,-50%) !important;
    left: 45% !important;
    top: 51% !important;
    position: absolute !important;

}
.speechbox *{
  font-size: 1.7vw;
}
.speech6 {
    position: absolute;
    width: 26%;
    height: 28%;
    top: 9%;
    left: 60%;
}
.insidetext3 {
    transform: translate(-50%,-50%) !important;
    left: 49% !important;
    top: 38% !important;
    position: absolute !important;
}
.speechbox > p {
    padding: 2%;
}
.bg_blue{
  background: #356495;
}
.img-1, .img-2, .img-3 {
    position: absolute;
    height: 40%;
    top: 17%;
    transform: translateX(-50%);
    left: 50%;
    cursor: pointer;
    z-index: 999;
}
.img-2 {
    top: 58%;
    left: 28%;
}
.img-3 {
    top: 58%;
    left: 77%;
}
.img-1:hover, .img-2:hover, .img-3:hover {
  transform: translateX(-50%) scale(1.05);
  transition: .15s;
}
.white{
  color: white;
}
.food {
    position: absolute;
    width: 20%;
    left: 64%;
    top: 2%;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(2px 2px 2px #8f8c8c);
}
.dad_return{
    position: absolute;
    height: 32%;
    left: 82%;
    top: 50%;
}
.top_text_bg {
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    padding: 1%;
    font-size: 2vw;
    background: #778beb;
    top: 0;
    left: 0;
}
.left_bg {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
}
.right_bg {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
}
.left_top_text1 {
    position: absolute;
    width: 50%;
    padding: 1%;
    font-size: 1.7vw;
    background: #778beb;
    left: 0;
    color: white;
    top: 0;
}
.right_top_text {
    position: absolute;
    width: 50%;
    padding: 1%;
    font-size: 1.7vw;
    color: white;
    background: #6475c7;
    right: 0;
    top: 0;
}
@media (min-aspect-ratio: 4/3){
  .speechbox *{
    font-size: 3.8vmin;
  }
  .top_text_bg{
    font-size: 4.5vmin;
  }
}