この「垂直カルーセル」パターンは、「水平方向のカルーセル」とは異なり、操作することなく手順を簡単に読み取ることができるため、「仕組み」セクションにとって非常に強力です。 bootstrap + Pillarライブラリを使用してマーケティングホームページを作成していますが、
なんていうの?
これらは様式化された垂直タブのように見えます。
(画像のソースページのように見えるものを調べました-- https://www.fullstory.com/features/ )
垂直タブの例
CSS&JavaScript(w3 Schools)- https://www.w3schools.com/howto/howto_js_vertical_tabs.asp
CSSのみ(CodePen)- https://codepen.io/nik-savchenko/pen/xDIAe
ブートストラップ固有(CodePen)- https://codepen.io/akhilmekkatt/pen/YGqadp