Update templates/about.html

templates/about.html

@@ -2,7 +2,9 @@
 {% block content %}
 
 <div class="main-wrap">
-  <section class="card">
+  <section class="card about-flex">
+
+    <div class="about-text">
     <h2>About CANLoc</h2>
 
     <p>
@@ -12,6 +14,13 @@
       with an optimized <b>XGBoost</b> classifier trained on curated
       protein datasets.
     </p>
+        </div>
+
+        <div class="about-image">
+            <img src="{{ url_for('static', filename='images/cell_diagram.png') }}"
+                 alt="Eukaryotic cell diagram showing organelles">
+        </div>
+
 
     <h3>Performance & Evaluation</h3>