.hero-section {
    align-self: center;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    font-family: Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
    text-align: center;
    justify-content: start;
    background-image: url('https://api.builder.io/api/v1/image/assets/TEMP/cf6b0cb9d084a0cf1f64dec10e78ed44d19887b4?placeholderIfAbsent=true&apiKey=15f3540aa2dd4013b29814d9332f370a');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}


.hero-content {
    display: flex;
    width: 100%;
    max-width: 1360px;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.hero-text-container {
    display: flex;
    width: 100%;
    padding-top: 32px;
    flex-direction: column;
    align-items: stretch;
    font-size: 80px;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    line-height: 78px;
}