旧サイトでの img-container が使えない

[SatooRu65536]

as is

<div class="img-container">
    <ul class="slider">
        <li><img src="URL1"  /></li>
        <li><img src="URL2"  /></li>
        <li><img src="URL3"  /></li>
        <li><img src="URL4"  /></li>
    </ul>
</div>

とするとスクロールできていたが、v3では対応していない
複数あっても1枚目のみ表示される状態

to be

v2同様にスクロールされるようにしたい

1. CSS だけで自動スクロールされるようにする
2. 全て表示されるようにする

このどちらかで実装したい
1 が優先

• (優先度低) ⚪︎⚫︎⚪︎⚪︎ のように何枚中何枚目を表示しているかも分かるようにしたい
• Astro 側が1つ目のimgタグ以外を削除しているようなので、remarkのプラグインとする必要がありそう