diff --git a/examples/Coal/histogram.png b/examples/Coal/histogram.png
index 3bf9268159139a730445b232fea0b8ec340cf2e6..435f2420666f83003bb7089d6a3a8f3080b41e47 100644
Binary files a/examples/Coal/histogram.png and b/examples/Coal/histogram.png differ
diff --git a/examples/Coal/orthogonal_slices.png b/examples/Coal/orthogonal_slices.png
index b78bad56ab277cc1dad981f6db3dc0c9663d64eb..79a09e3ccdfabdb42d854a9c79d53145e4949b3e 100644
Binary files a/examples/Coal/orthogonal_slices.png and b/examples/Coal/orthogonal_slices.png differ
diff --git a/examples/Coal/same_direction.png b/examples/Coal/same_direction.png
index 304231a9128bd4d8e8fba1d65a5305d64aa83e98..6f64b233d93cb15f2ee1fc44acb3c1d9391a0f40 100644
Binary files a/examples/Coal/same_direction.png and b/examples/Coal/same_direction.png differ
diff --git a/examples/Coal/single_view.png b/examples/Coal/single_view.png
index 18f0f24222e23787586a43d075b1e655a064aad1..00eee7e46173ede9f07a36c173cceb2abb80a983 100644
Binary files a/examples/Coal/single_view.png and b/examples/Coal/single_view.png differ
diff --git a/examples/Coal/single_view_downsampled.png b/examples/Coal/single_view_downsampled.png
index 1820f80f56f3ad6f6ab5d5cd58dffa61d3533a27..e4f356aa6333b21240f7a97730a8aff264df83d6 100644
Binary files a/examples/Coal/single_view_downsampled.png and b/examples/Coal/single_view_downsampled.png differ
diff --git a/examples/Coal/single_view_x.png b/examples/Coal/single_view_x.png
new file mode 100644
index 0000000000000000000000000000000000000000..97ab20ddac4ab49dcdb80309481b4e8d6883a855
Binary files /dev/null and b/examples/Coal/single_view_x.png differ
diff --git a/examples/Coal/single_view_y.png b/examples/Coal/single_view_y.png
new file mode 100644
index 0000000000000000000000000000000000000000..6df59e6385dd5a3b82ce6b4b93636251ea7cf4d2
Binary files /dev/null and b/examples/Coal/single_view_y.png differ
diff --git a/examples/Coal/single_view_z.png b/examples/Coal/single_view_z.png
new file mode 100644
index 0000000000000000000000000000000000000000..a3ec208b5a6ac648269a57924852a4c2d02d3d38
Binary files /dev/null and b/examples/Coal/single_view_z.png differ
diff --git a/examples/Coal/single_view_zoom.png b/examples/Coal/single_view_zoom.png
index 587f585de0a5b1875f55f3502f5b5827ecd1d1cf..5fb207d41f88643bcb831be8358233036eded0a3 100644
Binary files a/examples/Coal/single_view_zoom.png and b/examples/Coal/single_view_zoom.png differ
diff --git a/examples/Foam/histogram.png b/examples/Foam/histogram.png
index 2999fbaa058f2447dbf5c05a515c0dd60e7e3d78..e26e4490914ce1ead0b2034737484958b19cfe6e 100644
Binary files a/examples/Foam/histogram.png and b/examples/Foam/histogram.png differ
diff --git a/examples/Foam/orthogonal_slices.png b/examples/Foam/orthogonal_slices.png
index 8cf5041e6ae5788c8fda243a641a11a30f25d2fb..935e31daee626b8cc5b8741947751b827940553b 100644
Binary files a/examples/Foam/orthogonal_slices.png and b/examples/Foam/orthogonal_slices.png differ
diff --git a/examples/Foam/same_direction.png b/examples/Foam/same_direction.png
index 25ae44abe283873fcdbda6f1f31531eecf6a4d97..e2de3a54049eaaf4b271b0081e4350110cf440f6 100644
Binary files a/examples/Foam/same_direction.png and b/examples/Foam/same_direction.png differ
diff --git a/examples/Foam/single_view_1.png b/examples/Foam/single_view_1.png
index 2773c6f3e406d0476b63b09e8320a7c7ee1e6f64..7c218fd787c0109402f752651e6c77c3dc4c51d5 100644
Binary files a/examples/Foam/single_view_1.png and b/examples/Foam/single_view_1.png differ
diff --git a/examples/Foam/single_view_1x.png b/examples/Foam/single_view_1x.png
new file mode 100644
index 0000000000000000000000000000000000000000..390d8ee7b989de0248a480d2464d7af721bbfd5f
Binary files /dev/null and b/examples/Foam/single_view_1x.png differ
diff --git a/examples/Foam/single_view_1y.png b/examples/Foam/single_view_1y.png
new file mode 100644
index 0000000000000000000000000000000000000000..abbcce821d62bfeec5f37680504cd4b368942b49
Binary files /dev/null and b/examples/Foam/single_view_1y.png differ
diff --git a/examples/Foam/single_view_1z.png b/examples/Foam/single_view_1z.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b0d4159562c814ecf086a6e79593064a78fe45a
Binary files /dev/null and b/examples/Foam/single_view_1z.png differ
diff --git a/examples/Foam/single_view_2.png b/examples/Foam/single_view_2.png
index 534ef581b4bd504dfcce08e28e9b89f1d1bbd34b..2469ef7752120d329294a38f36db0c595f4b205e 100644
Binary files a/examples/Foam/single_view_2.png and b/examples/Foam/single_view_2.png differ
diff --git a/examples/Foam/single_view_2_zoom.png b/examples/Foam/single_view_2_zoom.png
index 1c5aaac7a98ac4c6f2348f1ece31a0bb0974ff4a..22d28d87f07cdeb6b0cd1158cc981397595898f6 100644
Binary files a/examples/Foam/single_view_2_zoom.png and b/examples/Foam/single_view_2_zoom.png differ
diff --git a/examples/Foam/single_view_downsampled.png b/examples/Foam/single_view_downsampled.png
index dd3f5ec17b2c8cc2bc514697a01660a604769137..6e5c1302a66e63a022542aead58fa04d8dab6e27 100644
Binary files a/examples/Foam/single_view_downsampled.png and b/examples/Foam/single_view_downsampled.png differ
diff --git a/examples/Foam/zoom_rendering_3d.png b/examples/Foam/zoom_rendering_3d.png
new file mode 100644
index 0000000000000000000000000000000000000000..363469ab0e3b0b05a8a0d4b3efaa2d0e60eded5f
Binary files /dev/null and b/examples/Foam/zoom_rendering_3d.png differ
diff --git a/examples/Mussel/Mussel_closed_Slice.jpg b/examples/Mussel/Mussel_closed_Slice.jpg
deleted file mode 100644
index 26716a44fbe5b701ae142c4352ef81ce8d580a90..0000000000000000000000000000000000000000
Binary files a/examples/Mussel/Mussel_closed_Slice.jpg and /dev/null differ
diff --git a/examples/Mussel/histogram.png b/examples/Mussel/histogram.png
index dd8af02baef623c40e20623fd5454d2682a775d0..e215cf8e4260b2f3a546bcc65685e3a63d977204 100644
Binary files a/examples/Mussel/histogram.png and b/examples/Mussel/histogram.png differ
diff --git a/examples/Mussel/mussel3D.png b/examples/Mussel/mussel3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..4940a1b44af6dad524d65246b99e93b4f1396029
Binary files /dev/null and b/examples/Mussel/mussel3D.png differ
diff --git a/examples/Mussel/orthogonal_slices.png b/examples/Mussel/orthogonal_slices.png
index 299ff9e86bb4bd2a86c83238483de452de6d217e..fab32c3d8010fedbcecbfd6589a137413eecdc64 100644
Binary files a/examples/Mussel/orthogonal_slices.png and b/examples/Mussel/orthogonal_slices.png differ
diff --git a/examples/Mussel/same_direction.png b/examples/Mussel/same_direction.png
index e38144de3bbbbed31b89cedbbc78938f7fef700f..fbbc401aed93ef4e843ec343f43712d08c5ba032 100644
Binary files a/examples/Mussel/same_direction.png and b/examples/Mussel/same_direction.png differ
diff --git a/examples/Mussel/single_view.png b/examples/Mussel/single_view.png
index 57c81c2b02be9c64e39797198f7e812e79857125..bd78d3b1e2d670c2ccfedb212efc259349e4f381 100644
Binary files a/examples/Mussel/single_view.png and b/examples/Mussel/single_view.png differ
diff --git a/examples/Mussel/single_view_downsampled.png b/examples/Mussel/single_view_downsampled.png
index 890d2e4316e4f7381b6f60bd9c9068e5546c0f38..501de473c5a092b74f6677ee5a8ef8b076d245b3 100644
Binary files a/examples/Mussel/single_view_downsampled.png and b/examples/Mussel/single_view_downsampled.png differ
diff --git a/examples/Mussel/single_view_z.png b/examples/Mussel/single_view_z.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e357997a1e590c061da883119fe0789b6642310
Binary files /dev/null and b/examples/Mussel/single_view_z.png differ
diff --git a/examples/Mussel/slices_3d.png b/examples/Mussel/slices_3d.png
index c76d04d13f8877ab662b33c86558bb1442934484..76fa016c608cb7f0e131f3d1fcfa164e65ee759d 100644
Binary files a/examples/Mussel/slices_3d.png and b/examples/Mussel/slices_3d.png differ
diff --git a/examples/Mussel/slices_3d_2.png b/examples/Mussel/slices_3d_2.png
deleted file mode 100644
index af1085b6d2ba20a3755c10c7e6d41efa3df71c91..0000000000000000000000000000000000000000
Binary files a/examples/Mussel/slices_3d_2.png and /dev/null differ
diff --git a/examples/Mussel/volume_3d.png b/examples/Mussel/volume_3d.png
deleted file mode 100644
index b30d6336042ee1b822bf471b426d5bf09b3a2c9a..0000000000000000000000000000000000000000
Binary files a/examples/Mussel/volume_3d.png and /dev/null differ
diff --git a/index.html b/index.html
index 5b97b22341150c16619b42983428092a36dc24e8..e37581e0995250a305ed482f3e49cf19c8261928 100644
--- a/index.html
+++ b/index.html
@@ -51,7 +51,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
       <img src="examples/Coal/Coal_Zoom_Example.jpg" style="width:100%" class="w3-hover-opacity">
       </a>
       <div class="w3-container w3-white">
-        <p><b>CoalB rikett</b></p>
+        <p><b>Coal Brikett</b></p>
         <p>Coal brikett from a bag of BBQ coal.</p>
       </div>
     </div>
diff --git a/pages/Coal.html b/pages/Coal.html
index 13ce5671c26908084a81c25f379cbc3aa7bb26ef..81adecd4fbbd6932f735166cd3f038bb1ae2a91e 100644
--- a/pages/Coal.html
+++ b/pages/Coal.html
@@ -27,10 +27,8 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 
   <!-- Images -->
   <div class="w3-row-padding w3-padding-16">
-
     <div class="w3-half w3-container w3-margin-bottom">
     </div>
-
     <div class="w3-half w3-container w3-margin-bottom">
       <img src="../examples/Coal/orthogonal_slices.png" style="width:100%">
       <div class="w3-container w3-white">
@@ -63,6 +61,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
         <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
           <li class="w3-black w3-xlarge w3-padding-32">Coal Brikett full</li>
           <li class="w3-padding-16">32-bit tiff</li>
+          <li class="w3-padding-16">Voxel size: 65.8 &mu;m</li>
           <li class="w3-padding-16">Dimensions: 600x1000x1000</li>
           <li class="w3-padding-16">File size: 2.23GB</li>
           <li class="w3-light-grey w3-padding-24">
@@ -73,8 +72,9 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 
       <div class="w3-third w3-margin-bottom">
         <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
-          <li class="w3-orange w3-xlarge w3-padding-32">Coal Brikett zoom</li>
+          <li class="w3-black w3-xlarge w3-padding-32">Coal Brikett zoom</li>
           <li class="w3-padding-16">32-bit tiff</li>
+          <li class="w3-padding-16">Voxel size: 24.3 &mu;m</li>
           <li class="w3-padding-16">Dimensions: 1000x1000x1000</li>
           <li class="w3-padding-16">File size: 3.72GB</li>
           <li class="w3-light-grey w3-padding-24">
@@ -87,6 +87,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
         <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
           <li class="w3-black w3-xlarge w3-padding-32">Coal Brikett downsampled</li>
           <li class="w3-padding-16">16-bit tiff</li>
+          <li class="w3-padding-16">Voxel size: 65.8 &mu;m</li>
           <li class="w3-padding-16">Dimensions: 500x500x500</li>
           <li class="w3-padding-16">File size: 2380MB</li>
           <li class="w3-light-grey w3-padding-24">
@@ -121,14 +122,42 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
     </div>
 
     <h4>Additional Images</h4>
-    <div class="w3-third w3-container w3-margin-bottom">
-      <img src="../examples/Coal/histogram.png" style="width:100%">
-      <div class="w3-container w3-white">
-        <p>Histogram of Coal Brickett full</p>
+    <div class="w3-row-padding w3-padding-16">
+      <div class="w3-half w3-container w3-margin-bottom">
+        <img src="../examples/Coal/same_direction.png" style="width:100%">
+        <div class="w3-container w3-white">
+          <p>Cross sections of Coal Brikett full on x-axis</p>
+        </div>
       </div>
-    </div>
-    </div>
+      <div class="w3-half w3-container w3-margin-bottom">
+        <img src="../examples/Coal/histogram.png" style="width:100%">
+        <div class="w3-container w3-white">
+          <p>Histogram of Coal Brickett full</p>
+        </div>
+      </div>
+      </div>
+
 
+      <div class="w3-row-padding w3-padding-16">
+        <div class="w3-quarter w3-container w3-margin-bottom">
+          <img src="../examples/Coal/single_view_x.png" style="width:100%">
+          <div class="w3-container w3-white">
+            <p>Cross section of Coal Brikett full on x-axis</p>
+          </div>
+        </div>
+        <div class="w3-quarter w3-container w3-margin-bottom">
+          <img src="../examples/Coal/single_view_y.png" style="width:100%">
+          <div class="w3-container w3-white">
+            <p>Cross section of Coal Brikett full on y-axis</p>
+          </div>
+        </div>
+        <div class="w3-quarter w3-container w3-margin-bottom">
+          <img src="../examples/Coal/single_view_z.png" style="width:100%">
+          <div class="w3-container w3-white">
+            <p>Cross section of Coal Brikett full on z-axis</p>
+          </div>
+        </div>
+        </div>
 
 
   </div>
diff --git a/pages/foam.html b/pages/foam.html
index 8871be91528b122ce5988bf1cff757e162aaa19f..65d07b8614f0f2d1bdc67ac68a4ffffeec4f5e38 100644
--- a/pages/foam.html
+++ b/pages/foam.html
@@ -28,7 +28,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
   <!-- Images -->
   <div class="w3-row-padding w3-padding-16">
     <div class="w3-half w3-container w3-margin-bottom">
-      <img src="../examples/Foam/Foam2_3D_Example.jpg" style="width:100%">
+      <img src="../examples/Foam/zoom_rendering_3d.png" style="width:100%">
       <div class="w3-container w3-white">
         <p>3D example of foam data</p>
       </div>
@@ -65,6 +65,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
         <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
           <li class="w3-black w3-xlarge w3-padding-32">Foam1 full</li>
           <li class="w3-padding-16">32-bit tiff</li>
+          <li class="w3-padding-16">Voxel size: 20.2 &mu;m</li>
           <li class="w3-padding-16">Dimensions: 1000x1000x1000</li>
           <li class="w3-padding-16">File size: 3.72GB</li>
           <li class="w3-light-grey w3-padding-24">
@@ -77,6 +78,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
         <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
           <li class="w3-black w3-xlarge w3-padding-32">Foam1 downsampled</li>
           <li class="w3-padding-16">16-bit tiff</li>
+          <li class="w3-padding-16">Voxel size: 20.2 &mu;m</li>
           <li class="w3-padding-16">Dimensions: 500x500x500</li>
           <li class="w3-padding-16">File size: 238MB</li>
           <li class="w3-light-grey w3-padding-24">
@@ -87,8 +89,9 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 
       <div class="w3-quarter w3-margin-bottom">
         <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
-          <li class="w3-orange w3-xlarge w3-padding-32">Foam2 full</li>
+          <li class="w3-black w3-xlarge w3-padding-32">Foam2 full</li>
           <li class="w3-padding-16">32-bit tiff</li>
+          <li class="w3-padding-16">Voxel size: 9.6 &mu;m</li>
           <li class="w3-padding-16">Dimensions: 1000x1000x1000</li>
           <li class="w3-padding-16">File size: 3.72GB</li>
           <li class="w3-light-grey w3-padding-24">
@@ -101,6 +104,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
         <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
           <li class="w3-black w3-xlarge w3-padding-32">Foam2 zoom</li>
           <li class="w3-padding-16">32-bit tiff</li>
+          <li class="w3-padding-16">Voxel size: 6.4 &mu;m</li>
           <li class="w3-padding-16">Dimensions: 1000x1000x1000</li>
           <li class="w3-padding-16">File size: 3.72GB</li>
           <li class="w3-light-grey w3-padding-24">
@@ -111,7 +115,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
     </div>
     <!-- End of tables -->
 
-    <!-- Additional Images -->
+    <!-- Cross sections -->
     <h4>Cross sections of data</h4>
     <div class="w3-row-padding w3-padding-16">
       <div class="w3-quarter w3-container w3-margin-bottom">
@@ -145,10 +149,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
       <div class="w3-half w3-container w3-margin-bottom">
         <img src="../examples/Foam/same_direction.png" style="width:100%">
         <div class="w3-container w3-white">
-          <p>Cross sections of Foam1</p>
+          <p>Cross sections of Foam1 on x-axis</p>
         </div>
       </div>
-      <div class="w3-quarter w3-container w3-margin-bottom">
+      <div class="w3-half w3-container w3-margin-bottom">
         <img src="../examples/Foam/histogram.png" style="width:100%">
         <div class="w3-container w3-white">
           <p>Histogram of Foam1</p>
@@ -156,6 +160,28 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
       </div>
       </div>
 
+      <div class="w3-row-padding w3-padding-16">
+        <div class="w3-quarter w3-container w3-margin-bottom">
+          <img src="../examples/Foam/single_view_1x.png" style="width:100%">
+          <div class="w3-container w3-white">
+            <p>Cross section of Foam1 on x-axis</p>
+          </div>
+        </div>
+        <div class="w3-quarter w3-container w3-margin-bottom">
+          <img src="../examples/Foam/single_view_1y.png" style="width:100%">
+          <div class="w3-container w3-white">
+            <p>Cross section of Foam1 on y-axis</p>
+          </div>
+        </div>
+        <div class="w3-quarter w3-container w3-margin-bottom">
+          <img src="../examples/Foam/single_view_1z.png" style="width:100%">
+          <div class="w3-container w3-white">
+            <p>Cross section of Foam1 on z-axis</p>
+          </div>
+        </div>
+        </div>
+
+
 
 
   </div>
diff --git a/pages/mussel.html b/pages/mussel.html
index 5d915db185ef71dfa7210fbc13213a6d633f0d13..f85d3344b0af6a6897fc83c703a52301d7a444ae 100644
--- a/pages/mussel.html
+++ b/pages/mussel.html
@@ -28,9 +28,9 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
   <!-- Images -->
   <div class="w3-row-padding w3-padding-16">
     <div class="w3-half w3-container w3-margin-bottom">
-      <img src="../examples/Mussel/volume_3d.png" style="width:100%">
+      <img src="../examples/Mussel/mussel3D.png" style="width:100%">
       <div class="w3-container w3-white">
-        <p>3D example of Mussel</p>
+        <p>3D visualization of Mussel</p>
       </div>
     </div>
     <div class="w3-half w3-container w3-margin-bottom">
@@ -65,6 +65,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
         <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
           <li class="w3-black w3-xlarge w3-padding-32">Closed Mussel full</li>
           <li class="w3-padding-16">32-bit tiff</li>
+          <li class="w3-padding-16">Voxel size: 21.1 &mu;m</li>
           <li class="w3-padding-16">Dimensions: 600x1000x1000</li>
           <li class="w3-padding-16">File size: 2.23GB</li>
           <li class="w3-light-grey w3-padding-24">
@@ -77,6 +78,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
         <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
           <li class="w3-black w3-xlarge w3-padding-32">Closed Mussel downsampled</li>
           <li class="w3-padding-16">16-bit tiff</li>
+          <li class="w3-padding-16">Voxel size: 21.1 &mu;m</li>
           <li class="w3-padding-16">Dimensions: 300x500x500</li>
           <li class="w3-padding-16">File size: 143MB</li>
           <li class="w3-light-grey w3-padding-24">
@@ -108,34 +110,34 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
     <!-- Additional Images -->
     <h4>Additional Images</h4>
     <div class="w3-row-padding w3-padding-16">
-      <div class="w3-third w3-container w3-margin-bottom">
-        <img src="../examples/Mussel/Mussel_closed_Slice.jpg" style="width:100%">
-        <div class="w3-container w3-white">
-          <p>Cross section of Mussel</p>
-        </div>
-      </div>
-      <div class="w3-third w3-container w3-margin-bottom">
-        <img src="../examples/Mussel/slices_3d_2.png" style="width:100%">
+      <div class="w3-half w3-container w3-margin-bottom">
+        <img src="../examples/Mussel/same_direction.png" style="width:100%">
         <div class="w3-container w3-white">
-          <p>Multiple cross sections of Mussel<</p>
+          <p>Multiple slices of Mussel along same axis</p>
         </div>
       </div>
-      <div class="w3-third w3-container w3-margin-bottom">
+      <div class="w3-half w3-container w3-margin-bottom">
         <img src="../examples/Mussel/histogram.png" style="width:100%">
         <div class="w3-container w3-white">
-          <p>Histogram of Mussel data</p>
+          <p>Histogram of Closed Mussel full data</p>
         </div>
       </div>
-    </div>
+      </div>
 
     <div class="w3-row-padding w3-padding-16">
-      <div class="w3-half w3-container w3-margin-bottom">
-        <img src="../examples/Mussel/same_direction.png" style="width:100%">
+      <div class="w3-third w3-container w3-margin-bottom">
+        <img src="../examples/Mussel/single_view_z.png" style="width:100%">
         <div class="w3-container w3-white">
-          <p>Multiple slices of Mussel along same axis</p>
+          <p>Cross section of Mussel on z-axis</p>
         </div>
       </div>
+      <div class="w3-third w3-container w3-margin-bottom">
+        <img src="../examples/Mussel/slices_3d.png" style="width:100%">
+        <div class="w3-container w3-white">
+          <p>Multiple cross sections of Mussel</p>
+        </div>
       </div>
+    </div>