lnp spin

src/App/App.css

@@ -385,6 +385,12 @@ img .middle{
   width: auto;
   margin: 0.5rem;
 }
+.spin {
+  transition: transform 1s ease-in-out;
+}
+.spin:hover{
+    transform: rotate(360deg);
+}
 .img-sponsor{
   max-width: 70%;
   max-height: 150px;

src/contents/description.tsx

@@ -106,7 +106,7 @@ export function Description() {
           <div className="col">
             <section id="Delivery" className="section">
                 <H2 text="Delivery"></H2>
-                <img className="img-left img-half" src="https://static.igem.wiki/teams/5247/scientific-figures/lnp.png" height={"200vw"}/>  
+                <img className="img-left img-half spin" src="https://static.igem.wiki/teams/5247/scientific-figures/lnp.png" height={"200vw"}/>  
                 <div>
                     <p>We chose LNPs as the delivery system of our Next-Generation Prime Editing Technology. Because of their large capacity and less immunogenic side effects compared to other delivery systems like Adeno-associated Viruses (AVV)<a href="#desc-six"><sup>6</sup></a>. Our aim is to optimize the LNP formulation to improve delivery to lung tissue via inhalation. Because of our collaborations, we are able to test and optimize different delivery systems to improve our organ specific therapeutic approach. Therefore, our LNP design focusses on stability and targeting. Stability is achieved by a polyethylene glycol (PEG) coating that protects the LNPs from degradation by the immune system<a href="#desc-seven"><sup>7</sup></a>. Moreover, we use capsaicin in combination with chitosan to improve the uptake of our construct through their mucus-adhesive properties<a href="#desc-eight"><sup>8</sup></a>. </p>
                 </div>