.frame4-container {
  min-height: 100vh;
  overflow:hidden;
}
.frame4-frame4 {
  margin-top: 1%;
  width: 100%;
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: transparent;
  border-radius: 0px 0px 0px 0px;
}

  
@media only screen and (min-width: 520px){
.frame4-backgr {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  margin-right: 0;
  margin-bottom: 0;
}

.frame4-underr {
  width: 100%;
  margin-top: 19%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  margin-right: 0;
  margin-bottom: 0;
}
.frame4-upp {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  margin-right: 0;
  margin-bottom: 0;
}
.frame4-four {
  left: 55%;
  width: 20%;
  margin-top: 29.2%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  margin-right: 0;
  margin-bottom: 0;
  animation-duration: 5s;
  animation-name: slidein1;
}

.frame4-second {
  left: 32%;
  width: 17%;
  margin-top: 30%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  margin-right: 0;
  margin-bottom: 0;
  animation-duration: 5s;
  animation-name: slidein;
}
.frame4-i-m-a-g-e1 {
  margin-top: 21.7%;
  left: 24.4%;
  width: 30%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
}
.frame4-i-m-a-g-e51 {
  margin-top: 20%;
  left: 4%;
  width: 22.5%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
}
.frame4-third {
  margin-top: 0px;
  left: 17%;
  width: 18%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  margin-right: 0;
  margin-bottom: 0;
  animation-duration: 5s;
  animation-name: slidein3;
}
.frame4-first {
  margin-top: 1.4%;
  left: 51.3%;
  width: 20%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  margin-right: 0;
  margin-bottom: 0;
  animation-duration: 5s;
  animation-name: slidein4;
}
.frame4-name {
  margin-top: 24.2%;
  left: 66%;
  width: 27%;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  margin-right: 0;
  margin-bottom: 0;
}
}
@keyframes slidein1 {
  from {
    left:100%;
    width: 20%;
    margin-top: 29.2%;
  }

  to {
    left: 55%;
    width: 20%;
    margin-top: 29.2%;
  }
}
@keyframes slidein {
  from {
    left: 100%;
    width: 17%;
    margin-top: 30%;
  }

  to {
    left: 32%;
    width: 17%;
    margin-top: 30%;
  }
}
@keyframes slidein3 {
  from {
  margin-top: 0px;
  left: 0%;
  width: 18%;
  }

  to {
    margin-top: 0px;
    left: 17%;
    width: 18%;
  }
}
@keyframes slidein4 {
  from {
    margin-top: 1.4%;
    left: 100%;
    width: 20%;
  }

  to {
    margin-top: 1.4%;
    left: 51.3%;
    width: 20%;
  }
}

@media only screen and (max-width: 520px){
    .frame4-frame4 {
  margin-top: 1%;
  width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: transparent;
  border-radius: 0px 0px 0px 0px;
}

  .frame4-backgr {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    border-color: transparent;
    margin-right: 0;
    margin-bottom: 0;
  }
  .cont{
    resize: inherit;
      position: relative;
      height: 100%;
      width: 100%;
      overflow: hidden;
    }

  .frame4-underr {
    width: 400%;
    left: -150%;
    margin-top: 80%;
    position: relative;
    box-sizing: border-box;
    border-color: transparent;
    margin-right: 0;
    margin-bottom: 0;
  }
 
    .frame4-upp {
      width: 380%;
      left: -150%;
      position: absolute;
      box-sizing: border-box;
      border-color: transparent;
      margin-right: 0;
      margin-bottom: 0;
    }
  
  .frame4-four {
    left: 0%;
    width: 0%;
    margin-top: 0%;
    position: absolute;
    box-sizing: border-box;
    border-color: transparent;
    margin-right: 0;
    margin-bottom: 0;
  }
  .frame4-second {
    left: 0%;
    width: 88%;
    margin-top: 105.5%;
    position: absolute;
    box-sizing: border-box;
    border-color: transparent;
    margin-right: 0;
    margin-bottom: 0;
    animation-duration: 5s;
    animation-name: slidein55;
  }

  
  .frame4-i-m-a-g-e1 {
    margin-top: 82%;
    left: 2.5%;
    width: 95%;
    position: absolute;
    box-sizing: border-box;
    border-color: transparent;
  }
  
  .frame4-i-m-a-g-e51 {
    margin-top: 0;
    left: 0;
    width: 0;
    position: absolute;
    box-sizing: border-box;
    border-color: transparent;
  }
  
  .frame4-third {
    margin-top: 6%;
    left: 17%;
    width: 65%;
    position: absolute;
    box-sizing: border-box;
    border-color: transparent;
    margin-right: 0;
    margin-bottom: 0;
    animation-duration: 5s;
    animation-name: slidein33;
  }

  .frame4-first {
    margin-top: 0;
    left: 0;
    width: 0;
    position: absolute;
    box-sizing: border-box;
    border-color: transparent;
    margin-right: 0;
    margin-bottom: 0;
  }
  .frame4-name {
    margin-top: 120%;
    left: 30%;
    width: 65%;
    position: absolute;
    box-sizing: border-box;
    border-color: transparent;
    margin-right: 0;
    margin-bottom: 0;
  }
}
  @keyframes slidein33 {
    from {
    margin-top: 6%;
    left: 0%;
    width: 65%;
    }
  
    to {
      margin-top: 6%;
    left: 17%;
    width: 65%;
    }
  }
 @keyframes slidein55 {
    from {
      left: 40%;
    width: 88%;
    margin-top: 105.5%;
    }
  
    to {
      left: 0%;
    width: 88%;
    margin-top: 105.5%;
    }
  }