body {
  background:#ccc;
  padding:0;
  margin:0;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, system-ui, -apple-system, Arial, sans-serif;
}

#link{
  width:300px;
  height:250px;
  position:absolute;
  top:0px;
  left:0px;
}

#banner {
  overflow:hidden;
  position:relative;
  width:300px;
  height:250px;
  display:box;
  border:1px solid #000000;
  background-color: #8149BF;
  box-sizing: border-box;
}

img, svg {
  position: absolute;
  top:0;
  left:0;


  
 
}

#img-1, #img-2, #img-3, #img-4{
  width:300px;
  height:auto

}

#all{
  visibility: hidden;
}

#text_1{
  position: absolute;
  top: 157px;

}

#text_1_1{
  position: absolute;
  top: 213px;
  
}

#logo{
  position: absolute;
  width: 144px;
  left: 78px;
  top: 19px;
}

#text_2{
  position: absolute;
  top: 181px;

}

#text_3{
  position: absolute;

  top: 125px;
}
#text_4_1{
  position: absolute;

  top: 149px;
}

#text_4_2{
  position: absolute;

  top: 173px;
}

#sign{
  left:117px;
  top:343px
}

#CTA{
  position: absolute;
  left: 60px;
  top: 206px;
}

#grad{

  position: absolute;
  width: 300px;
  height: 168px;
  left: 0px;
  top: 82px;
  
  background: linear-gradient(180deg, rgba(170, 124, 220, 0) 0%, #AA7CDC 100%);
  mix-blend-mode: multiply;
}

#rect{
  top: 137px;
}


#grad_2{

  position: absolute;
  width: 300px;
  height: 90px;
  left: 0px;
  top: 0px;

  background: linear-gradient(180deg, rgba(170, 124, 220, 0) 0%, #AA7CDC 100%);
  mix-blend-mode: multiply;
  transform: matrix(1, 0, 0, -1, 0, 0);
}