diff --git a/src/App/App.css b/src/App/App.css index 6356bf51878fa45d0e9e69010e895d7dad23ae17..979471db11cf85661ccf390d65079b2a40f4b22c 100644 --- a/src/App/App.css +++ b/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; diff --git a/src/contents/description.tsx b/src/contents/description.tsx index 589ae957b9b34051b309369cc3f7fd8c7273d99c..d36c2bed72bd0cc33b5e5a134ae06d96564b344b 100644 --- a/src/contents/description.tsx +++ b/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>