HTML
CSS

画像と文字を横並び配置し、レスポンシブで縦並び配置にする

横並び要素を幅768px以下で縦並びにする

hogefuga.html
<div class="clearfix">
  <img src="hoge.jpg" class="boxbox">
  <div class="boxbox">
   fuga
  </div>
</div>
hogefuga.css
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.boxbox{
  float: left;
}
@media(max-width: 768px) {
  .boxbox{
    float: none;
  }
}