我试着把这些图片垂直地堆叠在一个小屏幕上，所以是一列而不是两列，我试着把这些图片垂直地堆叠在一个小屏幕上，所以是一列而不是两列：

下面是我的代码：

<div class="container">
      <div class="row g-0">
        <div class="col-6 col-ms-12">
          <div class="hovereffect">
            <img
              class="img-responsive img-fluid"
              src="project-images/skylit.jpg"
              alt=""
            />
            <div class="overlay">
              <a class="info" href="#">link here</a>
            </div>
          </div>
        </div>
        <div class="col-6 sm-col-12">
          <div class="hovereffect">
            <img
              class="img-responsive img-fluid"
              src="project-images/skit4.jpg"
              alt=""
            />
            <div class="overlay">
              <a class="info" href="#">link here</a>
            </div>
          </div>
        </div>
        <div class="w-100"></div>
        <div class="col-6 xl-col">
          <div class="hovereffect">
            <img
              class="img-responsive img-fluid"
              src="project-images/skit6.jpg"
              alt=""
            />
            <div class="overlay">
              <a class="info" href="#">link here</a>
            </div>
          </div>
        </div>
        <div class="col-6 sm-col-12">
          <div class="hovereffect">
            <img
              class="img-responsive img-fluid"
              src="project-images/skylit2.jpg"
              alt=""
            />
            <div class="overlay">
              <a class="info" href="#">link here</a>
            </div>
          </div>
        </div>
        <div class="col-6 sm-col-12">
          <div class="hovereffect">
            <img
              class="img-responsive img-fluid"
              src="project-images/lvr.jpg"
              alt=""
            />
            <div class="overlay">
              <a class="info" href="#">link here</a>
            </div>
          </div>
        </div>
        <div class="col-6 sm-col">
          <div class="hovereffect">
            <img
              class="img-responsive img-fluid"
              src="project-images/gym.jpg"
              alt=""
            />
            <div class="overlay">
              <a class="info" href="#">link here</a>
            </div>
          </div>
        </div>
      </div>
    </div>

以下是我目前尝试的方法：

/* Please improve your content by showing what you tried so far */

例如，在"thing"中添加了"some"，编辑了列数，我不是很喜欢HTML，但是你可以在这里写些什么