.root {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px;
    justify-self: center;
}

.root[data-color-scheme='dark'] {
    background-color: var(--color-bg-fill-primary);
}

.imageWrapper {
    max-width: var(--content-max-width);
    position: relative;
    border-radius: var(--border-radius-xl);
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 96px 64px;
}

.contentBox {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.title,
.description {
    text-align: center;
    color: var(--color-text-primary-inverted);
}

.title[data-color-scheme='dark'] b,
.title[data-color-scheme='dark'] strong {
    color: var(--color-text-primary-brand-solar);
}

.title[data-color-scheme='light'] b,
.title[data-color-scheme='light'] strong {
    color: var(--color-text-primary-brand-indigo);
}

.description {
    max-width: 730px;
}

@media (width <= 768px) {
    .root {
        padding: 40px 20px;
    }

    .imageWrapper {
        padding: 180px 28px;
    }

    .contentBox {
        gap: 20px;
    }
}