The visibility property is intended to show or hide an element, including the border around it and the background.
When an element is hidden, even though it is not visible, the space that the element occupies remains behind it. If you intend to display different elements in the same place on the screen, to bypass this feature, you should use absolute positioning or use the display property.
visibility: visible | hidden | collapse;