.frame {
  padding: 40px;
  background-color: #c1c7e5;
  background: linear-gradient(0deg, #C1C7E5 0%, #C1C7E5 100%), url(../assets/coming.png) lightgray 50% / cover no-repeat;
  background-blend-mode: hard-light, normal;
  display: flex;
  height: 1024px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}

.frame .text {
  height: 510px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}

.frame .coming-soon {
    position: relative;
    align-self: stretch;
    font-family: "Lexend Zetta";
    font-size: 128px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%; /* 134.4px */
    text-transform: uppercase;
    color: var(--backgroundbackground-1);
}


/* ==============================Mobile Styling============================== */
@media (max-width: 950px) {
  .frame {
    display: flex;
    padding: 24px;
    max-height: 500px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-self: stretch;
  }

  .frame .text {
    display: flex;
    height: 500px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-self: stretch;
  }

  .frame .coming-soon {
    font-size: 28px;

  }
}