.left-img {
  float: left;
  margin-right: 15px; /* 右側の余白 */
  margin-bottom: 15px; /* 下側の余白 */
  max-width: 200px; /* 画像のサイズ調整 */
}
.right-img {
  float: right;
  margin-left: 15px;  /* 左側の余白 */
  margin-bottom: 15px; /* 下側の余白 */
  max-width: 200px; /* 画像のサイズ調整 */
}
.clear-text {
  clear: both; /* 左右どちらの回り込みも解除する */
}
@media (max-width: 768px) {
  .left-img, .right-img {
    float: none; /* 回り込みを解除 */
    display: block;
    margin: 0 auto 15px auto; /* 中央寄せにして下に余白をとる */
    max-width: 100%;
  }
}