add face images for notebook

hands-on/session III/4.ieee_scivis_dyamond_geos.ipynb

@@ -43,6 +43,35 @@
     "### set the variable and face"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "id": "f9d26b18",
+   "metadata": {},
+   "source": [
+    "## Accessing Variables on Each Face of the Cubed-Sphere Grid\n",
+    "\n",
+    "The cubed-sphere grid consists of six faces as shown in the images below. Each face corresponds to a different region of the grid, allowing for individual access and processing of data.\n",
+    "\n",
+    "<div style=\"display: flex; justify-content: center;\">\n",
+    "    <img src=\"./images/cubed-sphere-grid.jpg\" alt=\"Cubed-Sphere Grid\" width=\"600\" height=\"300\"/>\n",
+    "    <img src=\"./images/faces6.png\" alt=\"6 Faces\" width=\"600\"/>\n",
+    "</div>\n"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "01f96596",
+   "metadata": {},
+   "source": [
+    "Each face will look like this.\n",
+    "\n",
+    "\n",
+    "<div style=\"display: flex; justify-content: center;\">\n",
+    "    <img src=\"./images/faces6.png\" alt=\"6 Faces\" width=\"600\"/>\n",
+    "    <img src=\"./images/attached_geos_faces.png\" alt=\"6 Faces\" width=\"600\"/>\n",
+    "</div>\n"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": 22,