scrollbar-gutter is not helping

I want the scrollbar to not affect the content when it hide/show, and it seems like scrollbar-gutter is the only pure CSS option, but honestly to me it just look unbearable, it leaves a constant extra space, makes the UI look uneven.

I tried overflow-y: overlay; but it's deprecated, is there another solution?

Ty.