body {
  margin: 0;
}
.element {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
#banner {
  overflow: hidden;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 300px;
  height: 250px;
  cursor: pointer;
  box-sizing: border-box;
  opacity: 0;
}
#img_holder {
  left: 0;
  top: 0;
  width: 300px;
  height: 250px;
}
#img {
  left: 0;
  top: 0;
  background-image: url(img.jpg);
  width: 300px;
  height: 250px;
}
#logo_holder {
  left: 14px;
  top: 17px;
  width: 131px;
  height: 209px;
}
#logo_line {
  left: 0;
  top: 0;
  width: 1px;
  height: 209px;
  background-color: #fff;
}
#logo_logitech {
  left: 10px;
  top: 139px;
  width: 121px;
  height: 38px;
}
#cta {
  left: 24px;
  top: 204px;
  width: 97px;
  height: 22px;
}
#cta_bg,
#cta_in {
  left: 0;
  top: 0;
  width: 97px;
  height: 22px;
}
#cta_txt {
  left: 0;
  top: 0;
  background-image: url(cta_txt.png);
  width: 97px;
  height: 22px;
}
#cta_arrow {
  left: 0;
  top: 0;
  background-image: url(cta_arrow.png);
  width: 97px;
  height: 22px;
}
#headline_holder {
  left: 23px;
  top: 70px;
  width: 147px;
  height: 73px;
}
#headline {
  left: 0;
  top: 0;
  width: 147px;
  height: 73px;
}
#txt_holder {
  left: 24px;
  top: 70px;
  width: 106px;
  height: 45px;
}
#txt_0 {
  left: -3px;
  top: -3px;
  background-image: url(txt_0.png);
  width: 122px;
  height: 52px;
}
#txt_1 {
  left: -3px;
  top: -3px;
  background-image: url(txt_1.png);
  width: 122px;
  height: 52px;
}
#border {
  width: 300px;
  height: 250px;
  border: 1px solid #ddd;
  overflow: hidden;
  box-sizing: border-box;
  pointer-events: none;
}
#cover {
  width: 300px;
  height: 250px;
  background-color: #fff;
  pointer-events: none;
}
#cta_bg {
  border: 1px solid #fff;
  box-sizing: border-box;
}
#headline_main {
  fill: #fff;
}