Conflit de styles pour les images des pages de Lore résolut

www/css/style.css

@@ -208,7 +208,7 @@ footer {
 }
 
 .lore main {
-    margin: auto;
+    margin: 0px auto;
     width: 85%;
 }
 
@@ -220,8 +220,7 @@ h3 {
 
 .lore article p,
 blockquote {
-    margin: 0px 10px;
-    margin-top: 15px;
+    margin: 10px 10px;
 }
 
 .lore blockquote {
@@ -257,6 +256,11 @@ blockquote {
     width: 90%;
 }
 
+.lore img:not(.specialAlign img) {
+    border-radius: 20px;
+    width: 30%;
+}
+
 .lore article:not(.exception) {
     margin: 15px 0px;
     scroll-margin-top: 110px;
@@ -279,8 +283,14 @@ blockquote a {
     flex-grow: 1;
 }
 
+.lore aside {
+    position: sticky;
+    bottom: 5px;
+    margin-bottom: 5px  ;
+}   
+
 .lore .nextArc {
-    width: 6%;
+    width: 6.5%;
     margin: 5px;
     display: block;
     text-align: center;
@@ -302,29 +312,34 @@ blockquote a {
     color: #ffefe5;
 }
 
-.lore aside {
-    position: sticky;
-    left: 15px;
-    bottom: 15px;
-}   
-
-.lore #awakening img,
-#professor img,
-#onceAwake img,
-#deimos img,
-#warWithin img,
-#secondDream img,
-#duviri img {
+.lore #warWithin img {
     padding: 10px;
-    margin-top: 12%;
+    margin-top: 10%;
+}
+
+.lore .specialAlign {
+    width: 30%;
+    padding: 10px;
+    margin-top: 6%;
     border-radius: 20px;
 }
 
+.lore .specialAlign img {
+    margin: 5px;
+    border-radius: 20px;
+}
+
+.lore #duviri img {
+    margin-top: 15%;
+}
+
 .lore #vorsPrize img,
+#professor img,
+#onceAwake img,
+#deimos img,
 #archwing img {
     padding: 10px;
-    margin-top: 30px;
-    border-radius: 20px;
+    margin-top: 35px;
 }
 
 .lore #voxSolaris img,
@@ -332,23 +347,22 @@ blockquote a {
 #risingTide img,
 #chainsOfHarrow img,
 #newWar img,
-#whispersInTheWalls img  {
-    width: 30%;
-    margin-top: 4.5%;
-    border-radius: 20px;
+#lotusEater img {
+    margin-top: 4%;
 }
 
 .lore #apostasy img {
-    border-radius: 20px;
     margin-top: 3.5%;
 }
 
+.lore #whispersInTheWalls img {
+    margin-top: 15px;
+}
+
 .lore #PreludeToWar img,
 #sacrifice img {
-    width: 30%;
     flex-shrink: 0;
     margin-left: 5px;
-    border-radius: 20px;
 }
 
 /****************************/