Changed Hover in LNPs

src/App/App.css

@@ -1314,8 +1314,9 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
   background-image: url("https://static.igem.wiki/teams/5247/scientific-figures/lnp.png");
   height: 12rem;
   width: 12rem;
-  background-size: 12rem;
+  background-size: 11.8rem;
   background-repeat: no-repeat;
+  background-position: center;
   align-items: center;
 }
 .lnp > img{
@@ -1323,7 +1324,7 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
   margin-left: auto;
   margin-right: auto;
   width: 16rem !important;
-  max-width: 100% !important;
+  max-width: 66% !important;
   transition: all 1s ease;
   border: 5px solid var(--text-primary);
 }
@@ -1331,8 +1332,8 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
   display: block;
   margin-left: auto;
   margin-right: auto;
-  width: 66% !important;
-  max-width: 66% !important;
+  width: 100% !important;
+  max-width: 100% !important;
   
 }