fix: background position image in landing, login and register pages

CHANGELOG.md

@@ -12,6 +12,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 - Labels in tasks due date to use the time ago format.
 
+### Fixed
+- Background image position in landing, login and register pages.
+
 ### Removed
 - React Date Picker dependency in favour of regular browser input date UI.
 

client/src/views/Landing/styles.scss

@@ -4,8 +4,9 @@
   position: relative;
   text-align: center;
   color: $dark-text;
-  background: var(--bs-landing-bg) no-repeat center center;
+  background: var(--bs-landing-bg) no-repeat center center fixed;
   background-size: cover; // Ensures the image covers the whole background
+  min-height: 100vh;
 
   &::before {
     content: '';

client/src/views/Login/styles.scss

@@ -1,11 +1,12 @@
 @import '../../styles/theme.scss';
 
 .login-page {
+  position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100vh;
-  background: var(--bs-landing-bg) no-repeat center center;
+  background: var(--bs-landing-bg) no-repeat center center fixed;
   background-size: cover;
 
   &::before {