.mobilelandmain {
  top: -8%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto auto;
  overflow: hidden;
  position: absolute;
  width: 72%;
  height: 72%;
  background: red;
}
.mobilelandframe1 {
  width: 100%;
  height: 100%;
  background-image: url("../images/fame1_lanscape.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.15);
}
.mobilelandlogo img,
.mobilelandtext img,
.mobilelandclose img,
.mobilelandleftwingframe1 img,
.mobilelandleftwingframe4 img,
.mobilelandrightwingframe1 img,
.mobilelandrightwingframe4 img,
.mobilelandcreationbtn img,
.mobilelandfindstorebtn img,
.mobilelandshopnowbtn img,
.mobilelandteasetxt img,
.mobilelandstar1 img,
.mobilelandstar2 img,
.mobilelandstar3 img,
.mobilelandstar4 img,
.mobilelandstar5 img {
  width: 100%;
  height: auto;
}

.mobilelandclose {
  width: 2%;
  position: absolute;
  right: 1%;
  top: 1%;
  z-index: 9;
}
.mobilelandlogo {
  width: 30%;
  position: absolute;
  top: 10%;
  left: 10%;
}
.mobilelandtext {
  width: 28%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mobilelandleftwingframe1 {
  width: 13%;
  position: absolute;
  top: 50%;
  left: 29%;
  transform-origin: 92% 74%;
}
.mobilelandrightwingframe1 {
  width: 15%;
  position: absolute;
  top: 69%;
  left: 47%;
  transform-origin: 6% 44%;
}
.mobilelandframe2 {
  width: 100%;
  height: 100%;
  background-image: url("../images/overlay_image_lanscape-img.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.15);
  position: absolute;
  top: 0%;
}
.mobilelandframe3 {
  width: 100%;
  height: 100%;
  background-image: url("../images/frame2_white_landscape.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.15);
  position: absolute;
  top: 0%;
}
.mobilelandcreationbtn {
  width: 40%;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}
.mobilelandframe4 {
  width: 100%;
  height: 100%;
  background-image: url("../images/fame4_lanscape.jpg");
  background-size: cover;
  background-position: -38px 15px;
  transform: scale(1.2);
  position: absolute;
  top: 0%;
}
.mobilelandleftwingframe4 {
  width: 17%;
  position: absolute;
  left: 13%;
  top: 9%;
  transform-origin: 92% 74%;
}
.mobilelandrightwingframe4 {
    width: 20%;
    position: absolute;
    left: 42%;
    top: 34%;
  transform-origin: 6% 44%;
}
.mobilelandfindstorebtn {
  width: 12%;
  position: absolute;
  bottom: 15%;
  left: 15%;
}
.mobilelandshopnowbtn {
  width: 12%;
  position: absolute;
  bottom: 15%;
  right: 15%;
}
.mobilelandteasetxt {
  right: 12%;
  width: 30%;
  position: absolute;
  bottom: 25%;
}
.mobilelandstar1 {
  width: 2%;
  position: absolute;
  top: 20%;
  left: 60%;
}
.mobilelandstar2 {
  width: 3%;
  position: absolute;
  top: 22%;
  left: 62%;
}
.mobilelandstar3 {
  width: 4%;
  position: absolute;
  top: 23%;
  left: 58%;
}
.mobilelandstar4 {
  width: 4%;
  position: absolute;
  top: 67%;
  left: 23%;
}
.mobilelandstar5 {
  width: 2%;
  position: absolute;
  top: 70%;
  left: 27%;
}