demo-container { display: flex; border: 2px solid rgb(189, 189, 189); padding: 25px 10px 10px; border-radius: 4px; width: fit-content; height: 100%; align-items: center; flex-flow: column; font-family: sans-serif; text-align: center; overflow-inline: auto; }
demo-object { display: block; background: rgb(213, 245, 227); border: 3px solid rgb(39, 174, 96); scroll-initial-target: nearest; }
block-block { display: block; }
.element { scroll-initial-target: nearest; }
.scroll-container { width: 230px; height: 150px; overflow-y: scroll; border: 2px solid rgb(153, 153, 153); background: rgb(240, 240, 240); }
.scroll-item { height: 100px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; }
.scroll-item:nth-child(1) { background: rgb(214, 234, 248); }
.scroll-item:nth-child(3) { background: rgb(250, 219, 216); }