.tabletlandmain {
  top: -10%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto auto;
  overflow: hidden;
  position: absolute;
  width: 80%;
  height: 79%;
  background: red;
}
.tabletlandframe1 {
  width: 100%;
  height: 100%;
  background-image: url("../images/fame1_lanscape.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.15);
}
.tabletlandlogo img,
.tabletlandtext img,
.tabletlandclose img,
.tabletlandleftwingframe1 img,
.tabletlandleftwingframe4 img,
.tabletlandrightwingframe1 img,
.tabletlandrightwingframe4 img,
.tabletlandcreationbtn img,
.tabletlandfindstorebtn img,
.tabletlandshopnowbtn img,
.tabletlandteasetxt img,
.tabletlandstar1 img,
.tabletlandstar2 img,
.tabletlandstar3 img,
.tabletlandstar4 img,
.tabletlandstar5 img {
  width: 100%;
  height: auto;
}

.tabletlandclose {
  width: 2%;
  position: absolute;
  right: 1%;
  top: 1%;
  z-index: 9;
}
.tabletlandlogo {
  width: 40%;
  position: absolute;
  top: 10%;
  left: 10%;
}
.tabletlandtext {
  width: 28%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tabletlandleftwingframe1 {
  width: 13%;
  position: absolute;
  top: 60%;
  left: 25%;
  transform-origin: 92% 74%;
}
.tabletlandrightwingframe1 {
  width: 15%;
  position: absolute;
  top: 72%;
  left: 46%;
  transform-origin: 6% 44%;
}
.tabletlandframe2 {
  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%;
}
.tabletlandframe3 {
  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%;
}
.tabletlandcreationbtn {
  width: 40%;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}
.tabletlandframe4 {
  width: 100%;
  height: 100%;
  background-image: url("../images/fame4_lanscape.jpg");
  background-size: cover;
  background-position: -100px 7px;
  transform: scale(1.35);
  position: absolute;
  top: 0%;
}
.tabletlandleftwingframe4 {
     width: 16%;
    position: absolute;
    left: 14%;
    top: 13%;
  transform-origin: 92% 74%;
}
.tabletlandrightwingframe4 {
  width: 22%;
    position: absolute;
    left: 46%;
    top: 33%;
  transform-origin: 6% 44%;
}
.tabletlandfindstorebtn {
  width: 12%;
  position: absolute;
  bottom: 15%;
  left: 15%;
}
.tabletlandshopnowbtn {
  width: 12%;
  position: absolute;
  bottom: 15%;
  right: 15%;
}
.tabletlandteasetxt {
  right: 12%;
  width: 30%;
  position: absolute;
  bottom: 25%;
}
.tabletlandstar1 {
  width: 2%;
  position: absolute;
  top: 20%;
  left: 60%;
}
.tabletlandstar2 {
  width: 3%;
  position: absolute;
  top: 22%;
  left: 62%;
}
.tabletlandstar3 {
  width: 4%;
  position: absolute;
  top: 23%;
  left: 58%;
}
.tabletlandstar4 {
  width: 4%;
  position: absolute;
  top: 67%;
  left: 23%;
}
.tabletlandstar5 {
  width: 2%;
  position: absolute;
  top: 70%;
  left: 27%;
}