diff --git a/src/App/App.css b/src/App/App.css index 78dc0246c4b004bc7947d5c9ac33b4cde52c3b12..cb9f24c70b4ef4cf383976e1809bdafc2531056f 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -3865,4 +3865,15 @@ height: min-content !important; letter-spacing: 1px; text-transform: uppercase; align-self: center; +} + +.gif{ + align-self: center; + display: inline; +} + +.gif-wrapper{ + display: flex; + align-items: center; + justify-content: center; } \ No newline at end of file diff --git a/src/contents/description.tsx b/src/contents/description.tsx index ce5b2f1b94ba57dfb7edf24b8f964c8ce6c03ef5..264867be12298a4569072111c73d9b782d8773e2 100644 --- a/src/contents/description.tsx +++ b/src/contents/description.tsx @@ -80,7 +80,9 @@ export function Description() { </div> <div className="col"> <p>Text about CFTR <LoremMedium/></p> - <img src="https://static.igem.wiki/teams/5247/fanzor/cftr-wt.gif"></img> + <div className="col gif-wrapper"> + <img className="fanzor gif" src="https://static.igem.wiki/teams/5247/fanzor/cftr-wt.gif"></img> + </div> </div> </div> </Subesction>