epubにおける図とキャプションについて

質問

sigilとkindle previewer3を使って、epubファイルの作成にチャレンジしています。
次のcssとhtml構文だと画像とキャプションが別々のページに表示されてしまいます。同一ページに収まるよう修正してください。chat-GPTを使って色々とトライしましたが、上手くできません。

html
<figure>
<a name="#img_3"><img alt="sample" src="../image/sample.jpg"/></a>
<figcaption>これはサンプルです
</figcaption>
</figure>

css
img {
float: left;
object-fit: contain;

}

figure {
display: flex;
flex-direction: row;
align-items: center;
page-break-inside: avoid; /* ページ内での分割を避ける */
break-inside: avoid; /* ページ内での分割を避ける */}

figcaption {
writing-mode: horizontal-tb;
text-align: center;
margin-top: 10px; /* 画像とキャプションの間にスペースを作成します。 */
page-break-inside: avoid; /* ページ内での分割を避ける */ break-inside: avoid; /* ページ内での分割を避ける */
}