.artwrk.construsao{
    position:absolute;
    left:0;
    top:0;

}

.artwrk.daniel{
    position:absolute;
    right:10%;
    bottom:-50%;
}

#construsao{
    border: yellow solid 5px;
    z-index:2;
    position:absolute;
    width:40%;
    left:29.5%;
    top:20.8%;
}

#pc{
    display:block;
    position:relative;
    z-index:1;
    bottom:-20%;
}

#phone{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

#andro{
    position: absolute;
    top: 18%;
    left: 29%;
    width: 40%;
    z-index: 2;
    border: solid 5px pink;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

#falling-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.falling-box {
  position: absolute;
  left: 0;
  width: 70%;
  height: 50%;
  border: 5px solid;
  animation: fall 4.5s linear infinite;
}

#box1 {
  top: -60%;
  border-color: red;
  left: 5%;
  animation-delay: 0s;
}

#box2 {
  top: -60%;
  border-color: blue;
  left: 25%;
  animation-delay: 1.5s;
}

#box3 {
  top: -60%;
  border-color: greenyellow;
  left: 45%;
  animation-delay: 3s;
}

@keyframes fall {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(220vh);
    opacity: 1;
  }
}