<main>
      <section>
        <article>
          <h2>Header</h2>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. 
            Aliquid a corporis nostrum velit repudiandae fuga commodi aut delectus numquam. 
            Debitis quod repellendus reprehenderit obcaecati asperiores?
          </p>
        </article>
      </section>

      <section>
        <article>
          <h2>Header</h2>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. 
            Aliquid a corporis nostrum velit repudiandae fuga commodi aut delectus numquam. 
            Debitis quod repellendus reprehenderit obcaecati asperiores?
          </p>
        </article>
      </section>
      <section>
        <article>
          <h2>Header</h2>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. 
            Aliquid a corporis nostrum velit repudiandae fuga commodi aut delectus numquam. 
            Debitis quod repellendus reprehenderit obcaecati asperiores?
          </p>
        </article>
      </section>
   
</main>
section:first-child{
    border: 1px dashed gold;
    background-color: black;
    color: rgb(28, 27, 27);
}

section:nth-child(2){
    border: 1px dashed gold;
    background-color: black;
    color: rgb(28, 27, 27);
    margin-top: 1rem;
}

section:nth-child(3){
    margin: auto;
    background: url("https://i.ibb.co/M6yXVXz/background.jpg");
    background-position: center;
    background-size: cover;
    width: 50%;
    margin-top: 1rem;
    padding: 2rem;
    height: auto;
    color: gold;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.