.mdx-container {
    display: block;
    padding-left: 2rem;
    padding-right: 2rem;
    
    background: linear-gradient(var(--md-primary-fg-color), var(--md-primary-fg-color) 100px, var(--md-default-bg-color) 100px);
    
}

.mdx-container .mdx-hero {
    text-align: center;
}

.mdx-container .mdx-hero img {
    border-radius: 100%;
}

.mdx-container .mdx-hero .mdx-description {
    max-width: 35rem;
    font-size: 1.6rem;
    line-height: 1.3;
}

.mdx-container .mdx-hero .mdx-description,
.mdx-container .mdx-hero .mdx-button {
    margin: 1.8rem auto;
}