在CSS中实施此设计

Question

我正在尝试实现底部附加的设计。我将使用CSS-Grid来实现完整的设计，但是，对于如何实现我已经围成的部分，我面临一些麻烦。 我已经想到将左侧和右侧分为单行下方的单独列以实现整体设计。

Current design

Target design

I'll attach my existing code below for better reference

import "./Content1.css";
export default function Content1() {
  return (
    <div className="row">
      <div className="col-1"></div>
      <div className="col-7 content1-content">
        <h3>Justo Vulputate Tortor Sem</h3>
        <h5>
          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nam deleniti
          aliquam corrupti eius ratione rem veniam. Impedit qui obcaecati minus
          at omnis delectus doloribus suscipit! In nesciunt maiores adipisci
          inventore?
        </h5>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui iusto
          reiciendis harum a cumque itaque non, deleniti, reprehenderit maxime
          necessitatibus eum natus magnam, quasi voluptatem sapiente. Harum
          aliquid facilis inventore.
        </p>
      </div>
      <div className="col-4"></div>
    </div>
  );
}