.speech-line {
  width: -moz-fit-content;
  width: fit-content !important;
  transform: rotate(40deg);
  bottom: -45px;
  right: -450px;
}
.whale {
  right: -550px;
  bottom: -160px;
}
@media screen and (max-width: 1024px) {
  .speech-line {
    right: -230px;
  }
  .whale {
    right: -150px;
    bottom: 20px;
  }
  .whale-tail {
    right: calc(50vw - 265px);
  }
}
@media screen and (max-width: 767px) {
  .speech-line {
    right: -40px;
    bottom: -19px;
  }
  .whale {
    right: -150px;
    bottom: 50px;
  }
  .whale-tail {
    top: -200px;
    right: calc(50vw - 140px);
    width: 250px;
  }
  .whale-tail img {
    min-width: 600px;
    margin-left: -350px;
  }
}