Answer 1

Display - Code

Problem is here:

.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}

Just comment last 2 lines and see

OR change opacity to 1

and comment this line

visibility: hidden;

Answer 2

What you want to do?

Html never gives any error so it is not possible to tell what is wrong.

Answer 3

The lines 46 and 47 hide the overlay. What exactly is it supposed to look like/ do?

Answer 4

Please LINK your code so we can actually test it

Answer 5

Display - Code
It looks like something that has been copy & pasted.

Answer 6

Display - Code
🤣😅
Fair response