diff --git a/css/custom.css b/css/custom.css
index aa50a34..6d0f8e5 100755
--- a/css/custom.css
+++ b/css/custom.css
@@ -1359,6 +1359,27 @@ table {
   top: -3px;
 }*/
 
+.card1 {
+  width: 100%;
+  position: relative;
+  display: inline-block;
+}
+.card1 .img-top {
+  width: 100%;
+  display: none;
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  z-index: 99;
+}
+.card1:hover .img-top {
+  display: inline;
+}
+div:hover {
+  color: #fff;
+}
+
 .active, .btn:hover, .btn:onclick {
   background-color: grey;
   border: grey;
diff --git a/pages/Home.html b/pages/Home.html
index f8c6353..f326a44 100644
--- a/pages/Home.html
+++ b/pages/Home.html
@@ -78,15 +78,24 @@
                <div class="txt">Ahmedabad</div>
             </div> -->
             <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-               <img class="card-img-top" src="images/ahmedabad.png" ng-click="watch('Ahmedabad')" >
+               <div class="card1">
+                  <img class="card-img-top" src="images/ahmedabad.png">
+                  <img class="img-top" src="images/Ahmedabad_1.png" ng-click="watch('Ahmedabad')">
+               </div>
                <div class="txt">Ahmedabad</div>
             </div>
             <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-               <img class="card-img-top" src="images/Bengaluru.png" ng-click="watch('Bengaluru')">
+               <div class="card1">
+                  <img class="card-img-top" src="images/Bengaluru.png">
+                  <img class="img-top" src="images/bengaluru_1.png" ng-click="watch('Bengaluru')">
+               </div>
                <div class="txt">Bengaluru</div>
             </div>
             <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-               <img class="card-img-top" src="images/chennai.png" ng-click="watch('Chennai')">
+               <div class="card1">
+                  <img class="card-img-top" src="images/chennai.png">
+                  <img class="img-top" src="images/chennai_1.png" ng-click="watch('Chennai')">
+               </div>
                <div class="txt">Chennai</div>
             </div>
          </div>
@@ -96,15 +105,24 @@
    <div class="stages card-align">
       <div class="row">
          <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-            <img class="card-img-top" src="images/delhi.png" ng-click="watch('Delhi')">
+            <div class="card1">
+               <img class="card-img-top" src="images/delhi.png">
+               <img class="img-top" src="images/delhi_1.png" ng-click="watch('Delhi')">
+            </div>
             <div class="txt">Delhi</div>
          </div>
          <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-            <img class="card-img-top" src="images/Hyderabad.png" ng-click="watch('hyderabad')">
+            <div class="card1">
+               <img class="card-img-top" src="images/Hyderabad.png">
+               <img class="img-top" src="images/hyderabad_1.png" ng-click="watch('Hyderabad')">
+            </div>
             <div class="txt">hyderabad</div>
          </div>
          <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-            <img class="card-img-top" src="images/jaipur.png" ng-click="watch('Jaipur')">
+            <div class="card1">
+               <img class="card-img-top" src="images/jaipur.png">
+               <img class="img-top" src="images/jaipur_1.png" ng-click="watch('Jaipur')">
+            </div>
             <div class="txt">Jaipur</div>
          </div>
       </div>
@@ -113,15 +131,24 @@
    <div class="stages card-align">
       <div class="row">
          <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-            <img class="card-img-top" src="images/kanpur.png" ng-click="watch('Kanpur')">
+            <div class="card1">
+               <img class="card-img-top" src="images/kanpur.png">
+               <img class="img-top" src="images/kanpur_1.png" ng-click="watch('Kanpur')">
+            </div>
             <div class="txt">Kanpur</div>
          </div>
          <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-            <img class="card-img-top" src="images/kolkata.png" ng-click="watch('Kolkata')">
+            <div class="card1">
+               <img class="card-img-top" src="images/kolkata.png">
+               <img class="img-top" src="images/kolkata_1.png" ng-click="watch('Kolkata')">
+            </div>
             <div class="txt">Kolkata</div>
          </div>
          <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-            <img class="card-img-top" src="images/mumbai.png" ng-click="watch('Mumbai')">
+            <div class="card1">
+               <img class="card-img-top" src="images/mumbai.png">
+               <img class="img-top" src="images/Mumbai_1.png" ng-click="watch('Mumbai')">
+            </div>
             <div class="txt">Mumbai</div>
          </div>
       </div>
@@ -132,7 +159,10 @@
      <div class="stages card-align">
          <div class="row">
             <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-               <img class="card-img-top" src="images/Colombo.png" ng-click="watch('Colombo')">
+               <div class="card1">
+                  <img class="card-img-top" src="images/Colombo.png">
+                  <img class="img-top" src="images/colombo_1.png" ng-click="watch('Colombo')">
+               </div>
                <div class="txt">Colombo</div>
             </div>
          </div>
@@ -144,7 +174,10 @@
      <div class="stages card-align">
          <div class="row">
             <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-               <img class="card-img-top" src="images/Dhaka.png" ng-click="watch('Dhaka')">
+               <div class="card1">
+                  <img class="card-img-top" src="images/Dhaka.png">
+                  <img class="img-top" src="images/dhaka_1.png" ng-click="watch('Dhaka')">
+               </div>
                <div class="txt">Dhaka</div>
             </div>
          </div>
@@ -156,7 +189,10 @@
      <div class="stages card-align">
          <div class="row">
             <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
-               <img class="card-img-top" src="images/Kathmandu.png" ng-click="watch('Kathmandu')">
+               <div class="card1">
+                  <img class="card-img-top" src="images/Kathmandu.png">
+                  <img class="img-top" src="images/kathmandu_1.png" ng-click="watch('Kathmandu')">
+               </div>
                <div class="txt">Kathmandu</div>
             </div>
          </div>