diff --git a/assets/scss/_video-landing_project.scss b/assets/scss/_video-landing_project.scss
index 4dd2f6e2..988e5695 100644
--- a/assets/scss/_video-landing_project.scss
+++ b/assets/scss/_video-landing_project.scss
@@ -96,7 +96,6 @@ a#videoPageLink:focus {
     align-items: center;
     justify-content: center;
     box-shadow: 0 10px 30px rgba(0, 179, 159, 0.4);
-    cursor: pointer;
     transition: all 0.3s ease;
     position: absolute;
     top: 50%;
@@ -115,16 +114,7 @@ a#videoPageLink:focus {
     transition: fill 0.3s ease;
 }
 
-.video-btn-wrapper:hover {
-    background-color: #00b39f;
-    .play-icon-svg-path {
-        fill: #fff;
-    }
-}
 
-.video-btn-wrapper:hover .play-icon-path {
-    fill: #fff;
-}
 
 .video-tabs-container {
     background: linear-gradient(to right top, #3d3d3d, #343434, #2b2b2b, #222222, #1a1a1a, #181818, #161616, #141414, #181818, #1c1c1c, #212121, #252525);
@@ -262,6 +252,12 @@ a#videoPageLink:focus {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     cursor: pointer;
+    .video-info h3 {
+        color: #fff;
+    }
+    p.video-description{
+        color: #b1b6b8;
+    }
 }
 
 .video-thumbnail {
@@ -327,6 +323,7 @@ a#videoPageLink:focus {
     margin-bottom: 0.5rem;
     font-size: 1.1rem;
     font-weight: 600;
+    color: #b1b6b8;
 }
 
 .video-duration {
@@ -336,7 +333,7 @@ a#videoPageLink:focus {
 }
 
 .video-description {
-    color: #666;
+    color: #7a848e;
     font-size: 0.9375rem;
     line-height: 1.5;
     margin-bottom: 0;
@@ -355,6 +352,16 @@ a#videoPageLink:focus {
     z-index: 2;
 }
 
+.video-overlay:hover{
+    cursor: pointer;
+    .video-btn-wrapper {
+      background-color: #00b39f;
+      .play-icon-svg-path {
+          fill: #fff;
+       }
+    }  
+}
+
 .video-iframe-container {
     z-index: 1;
     display: none;
diff --git a/layouts/partials/video-landing-page.html b/layouts/partials/video-landing-page.html
index 9e9172fc..37ac6968 100644
--- a/layouts/partials/video-landing-page.html
+++ b/layouts/partials/video-landing-page.html
@@ -92,7 +92,7 @@ <h3>{{ .Title }}</h3>
                       {{ if .Params.tags }}
                       <div class="taxonomy-terms" style="margin-bottom: 0.6rem;">
                         {{ range .Params.tags }}
-                          <a href="/tags/{{ . }}"><span class="taxonomy-term" style="font-size: .9rem">{{ . }}</span></a>
+                          <a href="/tags/{{ . }}" class="video-tag"><span class="taxonomy-term" style="font-size: .9rem">{{ . }}</span></a>
                         {{ end }}
                       </div>
                     {{ end }}
@@ -143,7 +143,7 @@ <h3>{{ .Title }}</h3>
                       {{ if .Params.tags }}
                       <div class="taxonomy-terms">
                         {{ range .Params.tags }}
-                          <a href="/tags/{{ . }}"><span class="taxonomy-term" style="font-size: .9rem">{{ . }}</span></a>
+                          <a href="/tags/{{ . }}" class="video-tag"><span class="taxonomy-term" style="font-size: .9rem">{{ . }}</span></a>
                         {{ end }}
                       </div>
                     {{ end }}
@@ -279,7 +279,10 @@ <h3>{{ .Title }}</h3>
     const videoCards = document.querySelectorAll('.video-card');
   
     videoCards.forEach(card => {
-      card.addEventListener('click', function () {
+      card.addEventListener('click', function(e) {
+        if (e.target.closest('span.taxonomy-term') || e.target.closest('a.video-tag')) {
+          return;
+        }
         const videoId = card.getAttribute('data-video-id');
         const videoTitle = card.getAttribute('data-video-title');
         const videoUrl = card.getAttribute('data-video-url');
@@ -299,7 +302,4 @@ <h3>{{ .Title }}</h3>
   });
   });
   
-  document.getElementById('videoModal').addEventListener('hidden.bs.modal', () => {
-    console.log('Modal closed event fired');
-  });
       </script>
\ No newline at end of file
diff --git a/layouts/video/video.html b/layouts/video/video.html
index 81b0a33f..0c0c22bf 100644
--- a/layouts/video/video.html
+++ b/layouts/video/video.html
@@ -18,7 +18,7 @@ <h1>{{ .Title }}</h1>
       <div class="hero-video-container" id="videoContainer">
         <div class="video-overlay bg-gradient-overlay">
           <div style="max-height: 100%;">
-            <img src="{{ .Params.featured_image }}" alt="{{ .Title }}" style="width: 100%; height: 100%; object-fit: cover;">
+            <img src="{{ .Params.featured_image }}" data-modal="false" alt="{{ .Title }}" style="width: 100%; height: 100%; object-fit: cover;">
           </div>
           <div class="video-btn-wrapper">
             <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 57 60">