.display {
  position: relative;
  left: 0px;
  height: 600px;
}

.mobile {
  background-image: url("../../assets/img/interaktiv_responsive/iphone-optimised.png");
  position: absolute;
  width: 95px;
  height: 196px;
  top: 375px;
  left: 300px;
  z-index: 5;
  background-repeat: no-repeat;
}

.mobile iframe {
  width: 320px;
  height: 480px;
  top: 32px;
  left: 11px;
  overflow-y: hidden;
}

.tablet {
  background-image: url("../../assets/img/interaktiv_responsive/ipad-optimised.png");
  width: 246px;
  height: 400px;
  z-index: 3;
  position: absolute;
  left: 120px;
  top: 230px;
  background-repeat: no-repeat;
}

.tablet iframe {
  width: 808px;
  height: 1074px;
  top: 35px;
  left: 41px;
  overflow-y: hidden;
}

.laptop {
  left: 0px;
}

@media (min-width: 300px) {
  .laptop {
    left: 440px;
  }
}

@media (min-width: 1200px) {
  .laptop {
    left: 560px;
  }
}

.laptop iframe {
  width: 1280px;
  height: 802px;
  top: 26px;
  left: 60px;
  transform: scale(0.277);
  -webkit-transform: scale(0.277);
  -o-transform: scale(0.277);
  -ms-transform: scale(0.277);
  -moz-transform: scale(0.277);
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -moz-transform-origin: top left;
}

.desktop {
  position: absolute;
  width: 566px;
  height: 538px;
  background-image: url("../../assets/img/interaktiv_responsive/large-screen-optimised.png");
  top: 0px;
  left: 220px;
  z-index: 1;
  background-repeat: no-repeat;
}

.desktop iframe {
  left: 28px;
  top: 38px;
  width: 1600px;
  height: 992px;
  transform: scale(0.3181);
  -webkit-transform: scale(0.3181);
  -o-transform: scale(0.3181);
  -ms-transform: scale(0.3181);
  -moz-transform: scale(0.3181);
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -moz-transform-origin: top left;
}

.trim {
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
}

.respo-iframe {
  transform: scale(0.219);
  -webkit-transform: scale(0.219);
  -o-transform: scale(0.219);
  -ms-transform: scale(0.219);
  -moz-transform: scale(0.219);
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -moz-transform-origin: top left;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #fff;
  border-color: #000;
}

.laptop {
  background-image: url("../../assets/img/interaktiv_responsive/laptop-screen-optimised.png");
  width: 477px;
  height: 307px;
  top: 264px;
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
}