Update README.md

README.md

@@ -8,7 +8,7 @@ pinned: false
 ---
 
 <!-- Deepfakes: 3 boxes side by side -->
-<h2 style="font-family:'Helvetica Neue', Arial, sans-serif;">Deepfakes</h2>
+<h2 style="font-family:'Helvetica Neue', Arial, sans-serif; font-size: 22px;">Deepfakes</h2>
 <div style="display:flex; gap:10px;">
 
   <!-- DeepSpeak v1.0 -->
@@ -17,9 +17,9 @@ pinned: false
        width:200px;
        height:200px;
        border:2px solid black;
-       background-image:url('https://huggingface.co/spaces/faridlab/README/resolve/main/deepspeak-v1.png');
-       background-size:cover;
-       background-position:center;
+       background: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0.25)), url('https://huggingface.co/spaces/faridlab/README/resolve/main/deepspeak-v1.png');
+       background-size: cover;
+       background-position: center;
        display:flex;
        align-items:center;
        justify-content:center;
@@ -27,6 +27,8 @@ pinned: false
        font-weight:bold;
        color:black;
        text-decoration:none;
+       font-size: 22px;
+       text-shadow: 0px 0px 30px white;
      ">
     DeepSpeak v1.0
   </a>
@@ -47,6 +49,7 @@ pinned: false
        font-weight:bold;
        color:black;
        text-decoration:none;
+       text-shadow: 1px 1px 5px rgba(255,255,255,0.8);
      ">
     DeepSpeak v1.1
   </a>-->
@@ -67,6 +70,7 @@ pinned: false
        font-weight:bold;
        color:black;
        text-decoration:none;
+       text-shadow: 1px 1px 5px rgba(255,255,255,0.8);
      ">
     DeepSpeak v2.0
   </a>-->
@@ -74,7 +78,7 @@ pinned: false
 </div>
 
 <!-- Text to Video: 1 box -->
-<h2 style="font-family:'Helvetica Neue', Arial, sans-serif;">Text to Video</h2>
+<h2 style="font-family:'Helvetica Neue', Arial, sans-serif; font-size: 22px;">Text to Video</h2>
 <div style="display:flex; gap:10px;">
 
   <!-- DeepAction -->
@@ -83,9 +87,9 @@ pinned: false
        width:200px;
        height:200px;
        border:2px solid black;
-       background-image:url('https://huggingface.co/spaces/faridlab/README/resolve/main/deepaction-v1.png');
-       background-size:cover;
-       background-position:center;
+       background: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0.25)), url('https://huggingface.co/spaces/faridlab/README/resolve/main/deepaction-v1.png');
+       background-size: cover;
+       background-position: center;
        display:flex;
        align-items:center;
        justify-content:center;
@@ -93,6 +97,8 @@ pinned: false
        font-weight:bold;
        color:black;
        text-decoration:none;
+       font-size: 22px;
+       text-shadow: 0px 0px 30px white;
      ">
     DeepAction
   </a>
@@ -100,7 +106,7 @@ pinned: false
 </div>
 
 <!-- Membership Inference: 1 box -->
-<h2 style="font-family:'Helvetica Neue', Arial, sans-serif;">Membership Inference</h2>
+<h2 style="font-family:'Helvetica Neue', Arial, sans-serif; font-size: 22px;">Membership Inference</h2>
 <div style="display:flex; gap:10px;">
 
   <!-- STROLL -->
@@ -109,9 +115,9 @@ pinned: false
        width:200px;
        height:200px;
        border:2px solid black;
-       background-image:url('https://huggingface.co/spaces/faridlab/README/resolve/main/stroll.png');
-       background-size:cover;
-       background-position:center;
+       background: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0.25)), url('https://huggingface.co/spaces/faridlab/README/resolve/main/stroll.png');
+       background-size: cover;
+       background-position: center;
        display:flex;
        align-items:center;
        justify-content:center;
@@ -119,8 +125,10 @@ pinned: false
        font-weight:bold;
        color:black;
        text-decoration:none;
+       font-size: 22px;
+       text-shadow: 0px 0px 30px white;
      ">
     STROLL
   </a>
 
-</div>
+</div>