Update 'backplaces/css/style_index.css'

backplaces/css/style_index.css

@@ -83,7 +83,6 @@ body {
   opacity: 1;
 }
 
-
 .caption {
   display: flex;
   align-items: center;
@@ -137,7 +136,6 @@ body {
   flex-wrap: wrap;
   justify-content: right;
   position: absolute;
-
 }
 
 .letterContents {
@@ -168,9 +166,9 @@ body {
   .container {
     flex-direction: column;
     align-items: center;
-    flex-wrap: nowrap
+    flex-wrap: nowrap;
   }
-  
+
   .title {
     display: flex; 
     flex-direction: column; 
@@ -181,6 +179,7 @@ body {
   .title-full {
     display: none; 
   }
+
   .subtitle {
     display: none; 
   }
@@ -202,28 +201,31 @@ body {
     display: inline-block;
     width: 50px;
     line-height: 1.5rem;
-
   }
 
   .img-container {
-     padding: 0;
+    padding: 0;
   }
 
   .photos img {
     margin: 20px;
     margin-top: 20px;
-    height: 200px; 
+    height: 200px;
     flex: auto;
   }
-  
+
+  .img-container:nth-child(2) {
+    order: unset;
+  }
+
   #about {
     position: absolute;
     top: 10px;
-    right: 10px; 
-    width: 50px; 
+    right: 10px;
+    width: 50px;
     height: auto;
   }
-  
+
   .letterBox {
     line-height: 130%;
     font-size: 1rem;
@@ -241,11 +243,10 @@ body {
     flex-wrap: wrap;
     justify-content: right;
     position: absolute;
-  
   }
 
   .letterBox p {
-    margin-top: 0 ;
+    margin-top: 0;
   }
 
   .img-container .caption {