about Image update

static/css/about.css

@@ -122,7 +122,6 @@
   width: 37%;
   align-self: center;
   display: flex;
-  height: 50vh;
 }
 @media screen and (max-width: 1024px) {
   .about-content figure {
@@ -135,6 +134,7 @@
   height: 100%;
   object-fit: cover;
   object-position: top;
+  display: block;
 }
 .about-content p {
   width: 90%;

static/scss/about.scss

@@ -108,8 +108,7 @@
         width: 37%;
         align-self: center;
         display: flex;
-        height: 50vh;
-
+        
         @media screen and (max-width: 1024px) {
 			width: 100%;
 		}
@@ -120,6 +119,7 @@
             height: 100%;
             object-fit: cover;
             object-position: top;
+            display: block;
         }
     }
 

templates/about.html

@@ -11,11 +11,9 @@
 </section>
 <section class="about-content">
     <div class="inner-container">
-        <div class="scene-container">
-            <object data="{% static 'files/board_of_dir_2020.pdf' %}" type="application/pdf" style="width:100%; height:100%;" class="active" data-scene-target = "sales">
-                <embed src="{% static 'files/board_of_dir_2020.pdf' %}" type="application/pdf" />
-            </object>
-        </div>
+        <figure>
+            <img src="{% static 'files/BOD2020.jpeg' %}" alt="">
+        </figure>
         <div class="description">
             <div class="heading"><mark>About</mark> BCB</div>
             <h3>Brief History</h3>