Jak najlepiej nazwać "jumbotron" bez użycia bootstrapa?

Siemano! Pytanie jak nazwać "jumbotron" bez użycia bootstrapa? Dla przykładu mam:

<section id="services">
               <div class="jumbotron">
                <h2>lorem</h2>
                <div class="underline"></div>
                <div class="wrapper">
                    <div class="os-animation visibility" data-animation='zoomInDown' data-delay='.1s'>
                        <p><i class="fas fa-check"></i> Lorem ipsum.</p>
                        <p><i class="fas fa-check"></i> Lorem</p>
                        <p><i class="fas fa-check"></i> Lorem ipsum.</p>
                        <p><i class="fas fa-check"></i> Lorem</p>
                        <p><i class="fas fa-check"></i> Lorem ipsum.</p>
                        <p><i class="fas fa-check"></i> Lorem</p>
                        <p><i class="fas fa-check"></i> Lorem ipsum.</p>
                        <p><i class="fas fa-check"></i> Lorem</p>
                        <p><i class="fas fa-spinner fa-pulse"></i> Lorem ipsum.</p>
                    </div>
                    <p class="info"><i class="fas fa-check"></i> - Lorem <i class="fas fa-spinner"></i> - Lorem ipsum.</p>
                </div>
            </div>
        </section>

Chcę sam dodać padding/background-color w CSS. Ale nie wiem jaka byłaby najlepsza nazwa klasy. Myślałem, aby zamiast "jumbotron" dać "area" lub "space", ale sam nie wiem.. A według was jaka nazwa klasy tutaj byłaby najlepsza?

custom-jumbotron?

No, ale jumbotron to przecież jest bootstrap i jest to klasa typowo bootstrapowa. Ja tutaj wolałbym całkowicie ominąć słowo jumbotron. I dać coś typu "area" lub "space". Ale też dokładnie nie wiem jaka nazwa byłaby tu najlepsza.

A po co w ogóle jest ten div:

<div class="jumbotron">

skoro stanowi jedyne dziecko section?

Już tłumaczę. Posiadam na swojej stronie scroll-fix:

[id]::before
    display: block
    margin-top: -50px
    height: 49px
    content: ''

Dzięki niemu po kliknięciu w dane menu zjeżdża mi idealnie na daną sekcję (gdyby tego nie było zjeżdżało by mi + wysokość nawigacji na sekcję). Dodatkowo mam zaimportowane https://animate.style . I tutaj muszę mieć overflow:hidden, bo inaczej animacja jest widoczna poza sekcją (gdy się wykonuje).

Niestety gdy dam overflow:hidden na sekcję, to niestety widać [id]::before. Jedyny sposób na obejście tego to jest danie diva

może "panel"?

A według was jaka nazwa klasy tutaj byłaby najlepsza?

Lepsza byłaby bardziej semantyczna, związana z tym, co robisz. Ale nie wiem, co robisz, bo dałeś tylko lorem ipsum

Nazwij go hero :)

myScreen