The element is still rendered in the document when we have the visibility set to hidden. We use `display: none` when we dont want the element to be rendered in the document.
https://developer.mozilla.org/en-US/docs/Web/CSS/visibility