HTML CSS

<div class="track">
  <div class="text-wrapper">
    <p>
      It is a period of civil war. Rebel spaceships, striking from a hidden base,
      have won their first victory against the evil Galactic Empire.
    </p>

    <p>
      During the battle, rebel spies managed to steal secret plans to the Empire's
      ultimate weapon, the DEATH STAR, an armored space station with enough power
      to destroy an entire planet.
    </p>

    <p>
      Pursued by the Empire's sinister agents, Princess Leia races home aboard her
      starship, custodian of the stolen plan that can save her people and restore
      freedom to the galaxy....
    </p>
  </div>
</div>

.text-wrapper {
    position: absolute;
    bottom: 0%;

    color: yellow;

    /* will make this fluid later */
    font-size: 2.1rem;

    line-height: 1.3;
  }

  * {
    box-sizing: border-box;
  }

  :root {
    --perspective: 600px;
    --track-width: 100dvw;
    --track-height: 140dvh;
    --track-rotation: 45deg;
  }

  html,
  body {
    overflow: hidden;
  }

  body {
    position: relative;

    height: 100dvh;
    margin: 0;

    display: grid;
    justify-items: center;

    perspective: var(--perspective);

    background-color: black;
  }

  .track {
    position: absolute;
    bottom: 0;

    width: var(--track-width);
    height: var(--track-height);

    rotate: x var(--track-rotation);
    transform-origin: center bottom;

    border: 0.5rem dashed yellow;

    p {
      margin-block-start: 0;
    }

    p:last-of-type {
      margin-block-end: 0;
    }
  }