[html]
<style>
.racelore-container {
    width: 722px;
    height: 619px;
    background: url('https://forumstatic.ru/files/001c/a5/43/70860.jpg') no-repeat center / cover;
    font-family: "Comic Sans MS", cursive;
    box-sizing: border-box;
    padding: 85px 79px 50px;
}

.racelore-header {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.racelore-content {
    max-height: 431px;
    overflow-y: auto;
    padding-right: 5px;
}

.racelore-content p {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 12px !important;
}

.racelore-content p:last-child {
    margin-bottom: 0;
}

</style>

<div class="racelore-container">
    <span class="racelore-header">заголовок</span>
   
    <div class="racelore-content">
        <p>Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.</p>
       
        <p>Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.</p>
       
        <p>Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.</p>
       
        <p>Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.</p>
    </div>
</div>[/html]