.orange-vertical-rectangle {
  position: absolute;
  top: 73px;
  right: 0;
  width: 48px;
  height: 279px;
  background-color: #EB5C34;
  transition: all 0.5s ease;
}

.blue-vertical-line {
  position: absolute;
  top: -31px;
  right: 35px;
  width: 6px;
  height: 167px;
  background-color: #1C1631;
  transition: all 0.5s ease;
}

.green-tall-rectangle {
  position: absolute;
  top: 0;
  left: -23px;
  width: 43px;
  height: 263px;
  background-color: #43B072;
  transition: all 0.5s ease;
  z-index: -1;
}

.orange-line {
  position: absolute;
  width: 10px;
  height: 410px;
  background-color: #EB5C34;
  bottom: 0;
  left: 0;
}

.green-square {
  position: absolute;
  height: 149px;
  width: 121px;
  background-color: #43B072;
  right: 0;
  z-index: 1;
  bottom: -180px;
  transition: all 0.3s ease;
}

.purple-rectangle {
  position: absolute;
  height: 21px;
  width: 161px;
  background-color: #6667AC;
  right: 0;
  z-index: 1;
  top: 65px;
}

.blue-line {
  position: absolute;
  height: 37px;
  width: 58px;
  background-color: #1C1631;
  left: 0;
  position: relative;
}

.orange-small-rectangle {
  position: absolute;
  width: 99px;
  height: 50px;
  background-color: #EB5C34;
  transition: all 0.3s ease;
  right: 155px;
}

.purple-line {
  position: absolute;
  width: 125px;
  height: 9px;
  background-color: #6667AC;
  right: 0;
  transition: all 0.3s ease;
}

.shape-container {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}


@media screen and (min-width: 769px) {

  .orange-vertical-rectangle {
    display: flex;
    top: 3rem;
    right: 0px;
    width: 163px;
    height: 290px;
  }

  .blue-vertical-line {
    top: -89px;
    right: 135px;
    width: 10px;
    height: 293px;
  }

  .green-tall-rectangle {
    top: -80px;
    left: -10px;
    width: 117px;
    height: 465px;
  }

  .orange-line {
    left: -2vw;
  }

  .green-square {
    height: 201px;
    width: 163px;
    right: -65px;
    z-index: 1;
    bottom: -245px;
  }

  .purple-rectangle {
    height: 38px;
    width: 318px;
    right: 30px;
    z-index: 1;
    top: 112px;
  }

  .blue-line {
    height: 37px;
    width: 138px;
  }

  .orange-small-rectangle {
    width: 199px;
    height: 85px;
    right: 230px;
  }

  .purple-line {
    width: 188px;
    height: 13px;
  }
}