diff --git a/static/index.html b/static/index.html index 42d3091..efb3636 100644 --- a/static/index.html +++ b/static/index.html @@ -95,10 +95,9 @@ width: 100%; height: 100%; display: block; - position: fixed; } - #video-overlay-container #back-button { + #video-overlay-container #back-button { /* Back button is now inside the container */ position: absolute; top: 20px; left: 20px; @@ -110,6 +109,12 @@ border: 1px solid white; border-radius: 5px; cursor: pointer; + opacity: 1; /* Visible by default */ + transition: opacity 0.3s ease-in-out; /* Smooth transition */ + } + + #video-overlay-container #back-button.button-hidden { + opacity: 0; /* Class to hide the button */ }