怎么把板块位置移动正确

<section class="section more">
        <div class="row container">
          <div class="col">
            <div class="title">
              <h1>
                Start your adventure <br />skydive Geronimo
                Your Next Travel
              h1>
              <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Consequatur enim iste autem laboriosam distinctio!
                Reprehenderit.
              p>
            div>
            <div class="tours">
              <div class="box">
                <img src="skydive sel.png" alt="the picture of skydiving"  style="width:100%;height:100%;">
                <h3>selfieh3>
              div>
              <div class="box">
                <img src="./skydive sel2.png" alt="picture of skydiving"  style="width:100%;height:100%;">
                <h3>selfie/h3>
              div>
            div>
          <div class="col">
            <img src="skydive view.png" alt="picture of skydiving view"  style="width:100%;height:100%;">
          div>
        div>
      section>

css的

.more .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
}

.more .row .tours {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 9rem;
}

.more .col .btn {
  display: block;
  text-align: center;
}

.more .tours h3 {
  margin: 1rem 0;
}

.more img {
  object-fit: cover;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .more .row {
    grid-template-columns: 1fr;
  }
}