@media (max-width: 1440px) {
  .coming-soon-left img:first-child {
    width: 60%;
  }

  .coming-soon-left img:last-child {
    width: 85%;
  }

  .coming-soon-div {
    padding: 0 5.7vw 0 7vw;
  }

  .coming-soon-left {
    align-items: flex-end;
    gap: 8vh;
  }
}

@media (max-width: 1280px) {
  .coming-soon-left img:first-child {
    width: 70%;
  }

  .coming-soon-left img:last-child {
    width: 100%;
  }
}

@media (max-width: 567px) {
  .coming-soon-section {
    background-image: url(../new-images/bg-mobile.jpg);
    background-position: center top;
  }

  .coming-soon-div {
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    padding: 0;
  }

  .coming-soon-left {
    width: 50%;
    max-height: none;
    margin-left: 5%;
    padding-top: 30dvh;
    gap: 15dvh;
  }

  .coming-soon-left img:first-child {
    width: 70%;
    max-height: none;
  }

  .coming-soon-left img:last-child {
    width: 100%;
    max-height: 30dvh;
  }

  .coming-soon-right {
    width: 100%;
    justify-content: center;
    align-items: flex-end;
  }

  .coming-soon-right img {
    width: 92%;
    max-height: 25dvh;
  }
}

@media (max-width: 768px) and (max-height: 600px) {
  .coming-soon-left {
    padding-top: 6dvh;
    gap: 2dvh;
  }
  .coming-soon-left img:last-child {
    max-height: 36dvh;
  }
  .coming-soon-right img {
    max-height: 26dvh;
  }
}

@media (max-width: 450px) and (max-height: 1000px) {
  .coming-soon-left {
    margin-left: 7%;
    padding-top: 30dvh;
  }
}