Update landing page

rss/css/theme.css

@@ -248,6 +248,13 @@ header .mobile-toggler {
   background-position: center center;
   background-size: cover;
 }
+.display-banner.fitness-banner {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/rss/img/fitness.jpg");
+  padding: 180px 0px;
+  background-position: center center;
+  background-size: cover;
+  overflow: hidden;
+}
 .display-banner.kissing-banner {
   background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/rss/img/couple-kissing.jpg");
   padding: 180px 0px;
@@ -291,8 +298,8 @@ footer ul {
   text-align: center;
 }
 .features-section .theme-card .card-header img {
-  width: 125px;
-  height: 125px;
+  width: 170px;
+  height: 170px;
   border-radius: 50%;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
   -o-object-fit: cover;
@@ -615,6 +622,40 @@ section .bolder {
   color: #ffffff;
 }
 
+.video-background {
+  position: relative;
+  overflow: hidden;
+  height: 65vh;
+  width: 100%;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
+  margin-top: 50px;
+}
+.video-background video {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  min-width: 100%;
+  min-height: 100%;
+  width: auto;
+  height: auto;
+  transform: translate(-50%, -50%);
+  z-index: -1;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.video-background .content {
+  position: absolute;
+  z-index: 1;
+  color: white;
+  text-align: center;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: rgba(0, 0, 0, 0.4862745098);
+  border-radius: 12px;
+  padding: 25px 45px;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .section-animation {
     opacity: 1;