@media screen and (max-width: 1000px) {
    html, body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    #skeleton-screen {
        display: none;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .rectangle-mobile {
        margin: 1.5rem 0;
        width: 90%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .main-background {
        height: 100%;
        width: 100%;
        position: fixed;
    }

    .spacer {
        margin-bottom: 200px;
    }
}

@supports (-webkit-touch-callout: none) {
    .main-background {
      height: -webkit-fill-available;
    }
  }