.dropsLogo {
  position: relative;
  width: 130px;
  height: 90px;
  margin-bottom: 60px;
}

@media (max-width: 850px) {
  .dropsLogo {
    margin: 0 auto;
  }
}

.dropsLogo .drop--violet, .dropsLogo .drop--orange, .dropsLogo .drop--green {
  position: absolute;
}

.dropsLogo .drop--violet {
  width: 60px;
  height: 60px;
  background: #5b57a2;
  border-radius: 50% 50% 0 50%;
  top: 30px;
}

.dropsLogo .drop--orange {
  width: 50px;
  height: 50px;
  background: #f3a000;
  border-radius: 50% 50% 0 50%;
  transform: rotate(10deg);
  top: 16px;
  left: 15px;
}

.dropsLogo .drop--green {
  width: 70px;
  height: 70px;
  background: #97bc43;
  border-radius: 50% 50% 50% 0;
  left: 60px;
}