docs : corrected image display in tuto

Author: cadauxe

docs/source/notebooks/montreux.ipynb

@@ -462,19 +462,28 @@
     "\n",
     "Here are the results after the first classification by ALCD.\n",
     "\n",
-    "<div style=\"display: flex; justify-content: space-around;\">\n",
-    "    <figure style=\"text-align: center;\">\n",
-    "        <img src=\"../images/quicklook_1.png\" alt=\"Image 2\" style=\"width: 400px;\">\n",
-    "        <figcaption>Sentinel-2 acquisition</figcaption>\n",
-    "    </figure>\n",
-    "    <figure style=\"text-align: center;\">\n",
-    "        <img src=\"../images/colorized_classif_1.png\" alt=\"Image 1\" style=\"width: 400px;\">\n",
-    "        <figcaption>Sentinel-2 classified</figcaption>\n",
-    "    </figure>\n",
-    "    <figure style=\"text-align: center;\">\n",
-    "        <img src=\"../images/table.png\" alt=\"Image 2\" style=\"width: 400px;\">\n",
-    "        <figcaption>Classification legend</figcaption>\n",
-    "    </figure>\n",
+    "<div style=\"text-align: center;\">\n",
+    "\n",
+    "  <img src=\"../images/quicklook_1.png\" alt=\"Image 2\" width=\"500\">\n",
+    "  \n",
+    "  <p>Sentinel-2 acquisition</p>\n",
+    "\n",
+    "</div>\n",
+    "\n",
+    "<div style=\"text-align: center;\">\n",
+    "    \n",
+    "  <img src=\"../images/colorized_classif_1.png\" alt=\"Image 2\" width=\"500\">\n",
+    "  \n",
+    "  <p>Sentinel-2 classified</p>\n",
+    "\n",
+    "</div>\n",
+    "\n",
+    "<div style=\"text-align: center;\">\n",
+    "    \n",
+    "  <img src=\"../images/table.png\" alt=\"Image 2\" width=\"500\">\n",
+    "  \n",
+    "  <p>Classification legend</p>\n",
+    "\n",
     "</div>"
    ]
   },
@@ -535,19 +544,28 @@
    "source": [
     "The results generated during this iteration overwrite the previous ones. With the addition of samples, we can see an evolution in the classification\n",
     "\n",
-    "<div style=\"display: flex; justify-content: space-around;\">\n",
-    "    <figure style=\"text-align: center;\">\n",
-    "        <img src=\"../images/quicklook_2.png\" alt=\"Image 2\" style=\"width: 400px;\">\n",
-    "        <figcaption>Sentinel-2 acquisition</figcaption>\n",
-    "    </figure>\n",
-    "    <figure style=\"text-align: center;\">\n",
-    "        <img src=\"../images/colorized_classif_2.png\" alt=\"Image 1\" style=\"width: 400px;\">\n",
-    "        <figcaption>Sentinel-2 classified</figcaption>\n",
-    "    </figure>\n",
-    "    <figure style=\"text-align: center;\">\n",
-    "        <img src=\"../images/table.png\" alt=\"Image 2\" style=\"width: 400px;\">\n",
-    "        <figcaption>legend</figcaption>\n",
-    "    </figure>\n",
+    "<div style=\"text-align: center;\">\n",
+    "\n",
+    "  <img src=\"../images/quicklook_2.png\" alt=\"Image 2\" width=\"500\">\n",
+    "  \n",
+    "  <p>Sentinel-2 acquisition</p>\n",
+    "\n",
+    "</div>\n",
+    "\n",
+    "<div style=\"text-align: center;\">\n",
+    "    \n",
+    "  <img src=\"../images/colorized_classif_2.png\" alt=\"Image 2\" width=\"500\">\n",
+    "  \n",
+    "  <p>Sentinel-2 classified</p>\n",
+    "\n",
+    "</div>\n",
+    "\n",
+    "<div style=\"text-align: center;\">\n",
+    "    \n",
+    "  <img src=\"../images/table.png\" alt=\"Image 2\" width=\"500\">\n",
+    "  \n",
+    "  <p>Classification legend</p>\n",
+    "\n",
     "</div>\n",
     "\n",
     "## Advance usages\n",