push site

site/page.html

@@ -83,6 +83,7 @@
             </div>
             <div class="box" style="background-color:#ccc;width:60%">
                 <div class="post">
+                    <img src="img/Vienna3-1600x1067.jpg"><br><br><br>
                     <p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec venenatis dui eu lorem eleifend interdum. Suspendisse potenti. In id lectus ac lorem varius rutrum. Cras mollis sodales massa, at malesuada sapien feugiat eget.</p>
                 </div>
             </div>

site/styles/styles.css

@@ -198,6 +198,7 @@ h2 {
 img {
     width: 50px;
     border: 1px solid grey;
+    border-radius: 2px;
 }
 
 [alt="gallery"] {
@@ -214,7 +215,6 @@ img {
     text-decoration: underline;
 }
 
-
 /* =================== */
 
 .post {
@@ -224,3 +224,14 @@ img {
     width: 100%;
     padding: 30px;
 }
+
+.post > img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    margin: 0;
+    z-index: 90;
+    width: 100px;
+    clip-path: circle(30%);
+    float: left;
+}