为了跟进tacosy的建议，下面是一个如何使用Flexbox或Grid的示例。
以HTML为例

<div class="container">
  <figure>
    <!-- Your image here -->
  </figure>
  <div class="content">
    <!-- Your other content here -->
  </div>
</div>

关于Flexbox

.container {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  figure {
    order: 1;
  }

  .content {
    order: 0;
  }
}

或者使用Grid

.container {
  display: grid;
  grid-template-areas:
    "figure"
    "content";
}

figure {
  grid-area: figure;
}

.content {
  grid-area: content;
}

@media (max-width: 767px) {
  .container {
    grid-template-areas:
      "content"
      "figure";
  }
}