modif images avec texte a droite ou en dessous et dorpdown responsibe menu hover mais pas burger

styles/images.css

@@ -72,10 +72,10 @@
 .image img {
 	height: 400px;
 	width: auto;
-	margin-right: 0px;
+	margin-right: calc(var(--gap-unit) * 2 );
 }
 .image h1, .image h2, .image h3, .image p {
-	margin-left: calc(var(--gap-unit) * 2 );
+	min-width: 280px;
 }
 /*images in full page*/
 .image.full img {

styles/skeleton.css

@@ -122,7 +122,8 @@ footer iframe {
 		height: auto;
 	}
 	.navbar .nav_right {
-		margin: 20px 0px;
+		margin: 20px 0px 20px 27px;
+		width: 150px;
 	}
 	/*burger menu*/
 	nav.navbar::before {
@@ -145,11 +146,28 @@ footer iframe {
 		height: 2px;
 		border-top: 2px solid lightgrey;
 		pointer-events: none;
+		display: none;
+	}
+	nav.navbar:hover .nav_right {
+		display: none;
+	}
+	nav.navbar:hover .nav_left a {
+		display: none;
+	}
+	nav.navbar:hover .nav_left a#nav_logo {
+		display: flex;
+		margin-bottom: 0px;
 	}
 	/*MAIN*/
 	main {
 		max-width: 90%;
 	}
+	main .image {
+		flex-wrap: wrap;
+	}
+	main .image img {
+		margin-bottom: 20px;
+	}
 }