diff --git a/biography.html b/biography.html
index 134a519..ecc75a6 100644
--- a/biography.html
+++ b/biography.html
@@ -62,4 +62,11 @@
         });
     });
 </script>
+
+  <div id="content">
+    <h1>Biography</h1>
+    <p>This is my biography</p>
+  </div>
+
+
 </body>
\ No newline at end of file
diff --git a/images/EC_white.png b/images/EC_white.png
new file mode 100644
index 0000000..f2fa038
Binary files /dev/null and b/images/EC_white.png differ
diff --git a/images/PF6_white.png b/images/PF6_white.png
new file mode 100644
index 0000000..a3b3198
Binary files /dev/null and b/images/PF6_white.png differ
diff --git a/images/bayesopt.png b/images/bayesopt.png
new file mode 100644
index 0000000..6e21ef8
Binary files /dev/null and b/images/bayesopt.png differ
diff --git a/images/bayesoptsmalltrans.png b/images/bayesoptsmalltrans.png
new file mode 100644
index 0000000..e3c4d29
Binary files /dev/null and b/images/bayesoptsmalltrans.png differ
diff --git a/images/mean-acqf-EC-PF6.png b/images/mean-acqf-EC-PF6.png
new file mode 100644
index 0000000..91c087e
Binary files /dev/null and b/images/mean-acqf-EC-PF6.png differ
diff --git a/images/molsets_diagram.png b/images/molsets_diagram.png
new file mode 100644
index 0000000..03f9975
Binary files /dev/null and b/images/molsets_diagram.png differ
diff --git a/index.html b/index.html
index 2479d77..f3af91d 100644
--- a/index.html
+++ b/index.html
@@ -48,7 +48,7 @@
 </nav>
   </div>
     <!-- Background image for desktop screen sizes -->
-    <div class="container-fluid text-center z-n1 position-absolute d-none d-sm-block">
+    <div class="container-fluid text-center z-n1 position-absolute d-none d-md-block">
       <div class="row bg-dark bg-gradient nopadding opacity-50 z-n1">
         <div class="fullscreen-image-container">
           <img src="./images/surface_transparent_zoomed_out.png" class="fullscreen-image z-n1"  alt="Main Image">
@@ -56,7 +56,7 @@
       </div>
     </div>
     <!-- Background image for mobile screen sizes -->
-    <div class="container-fluid text-center z-n1 position-absolute d-block d-sm-none">
+    <div class="container-fluid text-center z-n1 position-absolute d-block d-md-none">
       <div class="row bg-dark bg-gradient nopadding opacity-50 z-n1">
         <div class="mobile-image-container">
           <img src="./images/surface_transparent_zoomed_out.png" class="fullscreen-image z-n1"  alt="Main Image">
@@ -64,39 +64,35 @@
       </div>
     </div>
     <!-- Main Content for desktop -->
-    <div class="container-fluid d-flex flex-column custom-vh-75 z-2 position-relative text-center d-none d-sm-block">
+    <div class="container-fluid d-flex flex-column custom-vh-75 z-2 position-relative text-center d-none d-md-block">
       <div class="row flex-grow-1"> <!-- Title and other info -->
         <!-- <div class="col-1"></div> -->
         <div class="col-3 transparent-column" style="min-height:100vh">
           <div class="container-fluid">
-            <div class="row flex-grow-1">
+            <div class="row flex-grow-1 align-items-center">
               <p class="name-fontsize fw-bold text-center text-light">Cooper Tezak</p>
-              <div class="col-2"></div>
-              <div class="col-8 align-self-center">
+              <div class="col-12 align-self-center">
                 <img src="/images/headshot_atoms_circle.png", class="image-fluid", style="max-width: 100%;">
               </div>
-              <div class="col-2"></div>
               <div class="row flex-grow-1">
-                <p class="fs-2 text-light">PhD Student, CU Boulder</p>
+                <p class="fs-2 text-light">PhD Candidate, CU Boulder</p>
                 <p class="fs-2 text-light">Atomic Broker</p>
-              <div class="row flex-grow-1 p-3">
-                <div class="col-3"></div>
-                <div class="col-2">
+              <div class="row flex-grow-1 p-3 align-items-center justify-content-center">
+                <div class="col">
                   <a href="https://www.linkedin.com/in/cooper-tezak-75a15b165/" class="text-light" target="_blank">
                     <img src="/images/linkedin-app-white-icon.png" class="img-fluid" alt="LinkedIn">
                   </a>
                 </div>
-                <div class="col-2">
+                <div class="col">
                   <a href="https://github.com/cote3804" class="text-light" target="_blank">
                     <img src="/images/github-logo-white.webp" class="img-fluid" alt="GitHub">
                   </a>
                 </div>
-                <div class="col-2">
+                <div class="col">
                   <a href="https://scholar.google.com/citations?user=XBZAHmIAAAAJ&hl=en" class="text-light" target="_blank">
                     <img src="/images/scholar_logo_white.png" class="img-fluid" alt="GitHub">
                   </a>
                 </div>
-                <div class="col-3"></div>
               </div>
               </div>
             </div>
@@ -129,7 +125,7 @@
       </div>
     </div>
   <!-- Main mobile content -->
-    <div class="container-fluid d-block d-sm-none">
+    <div class="container-fluid d-block d-md-none">
       <div class="row">
         <div class="col-1"></div>
         <div class="col-10>
diff --git a/research.html b/research.html
index dd24237..f6f4ee5 100644
--- a/research.html
+++ b/research.html
@@ -116,11 +116,18 @@
         adsorbate frontier orbital energies, which lead to substantially different degrees of bonding for materials with similar d-band centers.
         To correctly precict trends in binding energy across complex material spaces, it is necessary to incorporate the geometry of the surface.
         <br><br>
-        <div class="h3 text-light">Bayesian Optimization of Battery Electrolyte Compositions</div>
+        <div class="h3 text-light">Battery Electrolyte Composition Optimization</div>
         I have recently begun working with 
         <a href="https://www.colorado.edu/lab/ban/">Chunmei Ban</a>
-        on optimizing experimental electrolyte composition for Na-ion batteries. I lead the effort to develop a Bayesian optimization framework
-        that uses a gaussian process to estimate the charge capacity at a given cycle based on the mass weights of electrolyte components. 
+        on optimizing experimental electrolyte composition for Na-ion batteries. I have succesfully implemented
+        information theoretic and simple expected improvement acquisiton functions on top of a gaussian process
+        surrogate model to efficiently explore compositions experimentally. However, the design space for electrolyte compositions
+        is huge and experiments are expensive. I am currently working on incorporating molecular features into the model using
+        graph neural networks to featurize molecular structures and attention mechanisms to create mixture level representations
+        from the constituent molecular features.
+        <a href="https://arxiv.org/abs/2312.16473">[7]</a>
+        The architecture of the model is summarized as <br> <br>
+        <img src="/images/molsets_diagram.png" class="img-fluid" alt="Molsets Architecture">
         <br><br>
       </div>
     </div>
@@ -139,6 +146,13 @@
       to have less occupied d-orbitals that were capable of strongly reducing the \( N_2 \) triple bond. However, all materials were
       inevitably limited by the desorption of \( NH_3* \) from the surface. <br> <br>
       </p>
+      <img src="/images/mean-acqf-EC-PF6.png" class="img-fluid" alt="Bayesian Optimization">
+      <p class="fs-6 px-5 text-light" style="text-align: justify;">
+        Bayesian Optimization model for battery electrolyte compositions. X and Y axes are fractions of chemicals 
+        EC and NaPF6. The left panel shows the mean of the model and the right shows the 
+        acquisiton function value, which is the
+        <a href="https://arxiv.org/abs/2310.20708">log expected improvement</a>
+        . <br> <br>
     </div>
   </div>
   <script>
diff --git a/source/biography.html b/source/biography.html
index 9e533c3..84da7cc 100644
--- a/source/biography.html
+++ b/source/biography.html
@@ -21,4 +21,11 @@
     
   </div>
   @@include('navbar_js.html')
+
+  <div id="content">
+    <h1>Biography</h1>
+    <p>This is my biography</p>
+  </div>
+
+
 </body>
\ No newline at end of file
diff --git a/source/index.html b/source/index.html
index 8e6a064..3f8c797 100644
--- a/source/index.html
+++ b/source/index.html
@@ -17,7 +17,7 @@
     @@include('navbar.html')
   </div>
     <!-- Background image for desktop screen sizes -->
-    <div class="container-fluid text-center z-n1 position-absolute d-none d-sm-block">
+    <div class="container-fluid text-center z-n1 position-absolute d-none d-md-block">
       <div class="row bg-dark bg-gradient nopadding opacity-50 z-n1">
         <div class="fullscreen-image-container">
           <img src="./images/surface_transparent_zoomed_out.png" class="fullscreen-image z-n1"  alt="Main Image">
@@ -25,7 +25,7 @@
       </div>
     </div>
     <!-- Background image for mobile screen sizes -->
-    <div class="container-fluid text-center z-n1 position-absolute d-block d-sm-none">
+    <div class="container-fluid text-center z-n1 position-absolute d-block d-md-none">
       <div class="row bg-dark bg-gradient nopadding opacity-50 z-n1">
         <div class="mobile-image-container">
           <img src="./images/surface_transparent_zoomed_out.png" class="fullscreen-image z-n1"  alt="Main Image">
@@ -33,39 +33,35 @@
       </div>
     </div>
     <!-- Main Content for desktop -->
-    <div class="container-fluid d-flex flex-column custom-vh-75 z-2 position-relative text-center d-none d-sm-block">
+    <div class="container-fluid d-flex flex-column custom-vh-75 z-2 position-relative text-center d-none d-md-block">
       <div class="row flex-grow-1"> <!-- Title and other info -->
         <!-- <div class="col-1"></div> -->
         <div class="col-3 transparent-column" style="min-height:100vh">
           <div class="container-fluid">
-            <div class="row flex-grow-1">
+            <div class="row flex-grow-1 align-items-center">
               <p class="name-fontsize fw-bold text-center text-light">Cooper Tezak</p>
-              <div class="col-2"></div>
-              <div class="col-8 align-self-center">
+              <div class="col-12 align-self-center">
                 <img src="/images/headshot_atoms_circle.png", class="image-fluid", style="max-width: 100%;">
               </div>
-              <div class="col-2"></div>
               <div class="row flex-grow-1">
-                <p class="fs-2 text-light">PhD Student, CU Boulder</p>
+                <p class="fs-2 text-light">PhD Candidate, CU Boulder</p>
                 <p class="fs-2 text-light">Atomic Broker</p>
-              <div class="row flex-grow-1 p-3">
-                <div class="col-3"></div>
-                <div class="col-2">
+              <div class="row flex-grow-1 p-3 align-items-center justify-content-center">
+                <div class="col">
                   <a href="https://www.linkedin.com/in/cooper-tezak-75a15b165/" class="text-light" target="_blank">
                     <img src="/images/linkedin-app-white-icon.png" class="img-fluid" alt="LinkedIn">
                   </a>
                 </div>
-                <div class="col-2">
+                <div class="col">
                   <a href="https://github.com/cote3804" class="text-light" target="_blank">
                     <img src="/images/github-logo-white.webp" class="img-fluid" alt="GitHub">
                   </a>
                 </div>
-                <div class="col-2">
+                <div class="col">
                   <a href="https://scholar.google.com/citations?user=XBZAHmIAAAAJ&hl=en" class="text-light" target="_blank">
                     <img src="/images/scholar_logo_white.png" class="img-fluid" alt="GitHub">
                   </a>
                 </div>
-                <div class="col-3"></div>
               </div>
               </div>
             </div>
@@ -98,7 +94,7 @@
       </div>
     </div>
   <!-- Main mobile content -->
-    <div class="container-fluid d-block d-sm-none">
+    <div class="container-fluid d-block d-md-none">
       <div class="row">
         <div class="col-1"></div>
         <div class="col-10>
diff --git a/source/research.html b/source/research.html
index fb33ec5..e954749 100644
--- a/source/research.html
+++ b/source/research.html
@@ -85,11 +85,18 @@
         adsorbate frontier orbital energies, which lead to substantially different degrees of bonding for materials with similar d-band centers.
         To correctly precict trends in binding energy across complex material spaces, it is necessary to incorporate the geometry of the surface.
         <br><br>
-        <div class="h3 text-light">Bayesian Optimization of Battery Electrolyte Compositions</div>
+        <div class="h3 text-light">Battery Electrolyte Composition Optimization</div>
         I have recently begun working with 
         <a href="https://www.colorado.edu/lab/ban/">Chunmei Ban</a>
-        on optimizing experimental electrolyte composition for Na-ion batteries. I lead the effort to develop a Bayesian optimization framework
-        that uses a gaussian process to estimate the charge capacity at a given cycle based on the mass weights of electrolyte components. 
+        on optimizing experimental electrolyte composition for Na-ion batteries. I have succesfully implemented
+        information theoretic and simple expected improvement acquisiton functions on top of a gaussian process
+        surrogate model to efficiently explore compositions experimentally. However, the design space for electrolyte compositions
+        is huge and experiments are expensive. I am currently working on incorporating molecular features into the model using
+        graph neural networks to featurize molecular structures and attention mechanisms to create mixture level representations
+        from the constituent molecular features.
+        <a href="https://arxiv.org/abs/2312.16473">[7]</a>
+        The architecture of the model is summarized as <br> <br>
+        <img src="/images/molsets_diagram.png" class="img-fluid" alt="Molsets Architecture">
         <br><br>
       </div>
     </div>
@@ -108,6 +115,13 @@
       to have less occupied d-orbitals that were capable of strongly reducing the \( N_2 \) triple bond. However, all materials were
       inevitably limited by the desorption of \( NH_3* \) from the surface. <br> <br>
       </p>
+      <img src="/images/mean-acqf-EC-PF6.png" class="img-fluid" alt="Bayesian Optimization">
+      <p class="fs-6 px-5 text-light" style="text-align: justify;">
+        Bayesian Optimization model for battery electrolyte compositions. X and Y axes are fractions of chemicals 
+        EC and NaPF6. The left panel shows the mean of the model and the right shows the 
+        acquisiton function value, which is the
+        <a href="https://arxiv.org/abs/2310.20708">log expected improvement</a>
+        . <br> <br>
     </div>
   </div>
   @@include('navbar_js.html')