diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html index 2a7dd9bbc2efabce0efe768ff937d3b209b3268d..2bf6b76f83c3c8719fdd4ecd01a2c9055ce44bed 100644 --- a/wiki/pages/inclusivity.html +++ b/wiki/pages/inclusivity.html @@ -63,8 +63,6 @@ </div> </div> - - <div class="row mt-4"> <div class="col-lg-12"> <h2 id="Future generations"> @@ -84,14 +82,20 @@ <ul> <li>Project Introduction Video: This animated video introduces our project in an engaging way, using <b>bright visuals, colorful characters, and simple narration</b> to explain what we do. The animation style is designed to capture the attention of children, making it easier for them to stay focused and absorb the information. <p> </p> - <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic16.png" alt="ibd_figure" class="shadowed-image" style="width: 45%; max-width: 450px;align-items: center;"> + <div style="text-align: center;"> + <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic16.png" alt="ibd_figure" class="shadowed-image" style="width: 45%; max-width: 450px;"> + </div> <p> </p> </li> <li>15-Minute IBD Educational Video: One of our cornerstone videos is a 15-minute-long animation focused on <b>IBD (Inflammatory Bowel Disease)</b>. We took great care to explain the condition in a way that children can understand, using <b>cartoon characters</b> to represent different parts of the body and explaining the symptoms and treatments in a <b>relatable and non-scary way</b>. - <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic17.png" alt="IBD_educational_video" style="width: 50%; max-width: 500px;"> + <div style="text-align: center;"> + <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic17.png" alt="IBD_educational_video" style="width: 50%; max-width: 500px;"> + </div> <br> - <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="IBD_character_1" style="width: 45%; max-width: 450px; display: inline-block;"> - <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic5.jpg" alt="IBD_character_2" style="width: 45%; max-width: 450px; display: inline-block;"> + <div style="text-align: center;"> + <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="IBD_character_1" style="width: 45%; max-width: 450px; display: inline-block; height: 200px; object-fit: cover;"> + <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic5.jpg" alt="IBD_character_2" style="width: 45%; max-width: 450px; display: inline-block; height: 200px; object-fit: cover;"> + </div> </li> </ul> <p>ADD LZF PART HERE </p>