Overlapping Blocks when moving options around

Hi! How does it look without the styles applied, and what's your intended result?

Setting position: absolute on the option containers will position them absolutely but relative to the first parent element that sets position: relative – this case, the wrapper around the choice block. Since all of its children now have absolute positions, its height is essentially 0. With the options being absolute positioned and overlaying everything else, this results in the layout you see in the screenshot.

If you're trying to achieve a column layout, you ideally want to just style the container element and make it a grid or flex container, instead of manually aligning each child. I've posted and example for a column layout here: