スマホでは画像をスクロール

一定以下の画面サイズの場合は、画像をoverflowにして横スクロールできるようにする。
一緒にJSの scroll-hint を使用します。

<div class="js-scrollable">
	<figure><img src="#" alt=""></figure>
</div>

mdサイズ以下で画像のサイズを変更

.js-scrollable {
			figure {
				width: 100%;
				margin: 0 auto 1em;
				@include md {
					max-width: inherit;
					width: 55em;
				}
				img {
					width: 100%;
				}
			}
		}