fix: article image alignment (#170)

assets/css/kratos.css

@@ -854,8 +854,46 @@ button:focus {
 	list-style: none;
 }
 
-.k-main .details .article .content .wp-caption {
-	max-width: 100%;
+.k-main .details .article .content .wp-caption-text {
+	margin-bottom: 0;
+	font-size: 14px;
+}
+
+.k-main .details .article .content .wp-block-image {
+	margin-bottom: 0;
+}
+
+.k-main .details .article .content .wp-block-image figcaption {
+	font-size: 14px;
+}
+
+.k-main .details .article .content figure {
+	margin: 0;
+}
+
+.k-main .details .article .content .alignleft::after, .k-main .details .article .content .aligncenter::after, .k-main .details .article .content .alignright::after {
+	clear: both;
+	display: block;
+	content: "";
+}
+
+.k-main .details .article .content .alignleft {
+	float: left;
+	margin-right: 16px;
+}
+
+.k-main .details .article .content p>img {
+	display: block;
+}
+
+.k-main .details .article .content .aligncenter {
+	margin-right: auto;
+	margin-left: auto;
+}
+
+.k-main .details .article .content .alignright {
+	float: right;
+	margin-left: 16px;
 }
 
 .k-main .details .article .content img {
@@ -884,21 +922,6 @@ button:focus {
 	background-color: #f8f8f8;
 }
 
-.k-main .details .article .content .alignleft {
-	float: left;
-	display: block;
-}
-
-.k-main .details .article .content .aligncenter {
-	margin-right: auto;
-	margin-left: auto;
-}
-
-.k-main .details .article .content .alignright {
-	float: right;
-	display: block;
-}
-
 .k-main .details .article .content .alert,.k-main .details .article .content .card,.card-header:first-child {
 	border-radius: 0;
 }
@@ -991,10 +1014,6 @@ button:focus {
 	font-size: 13px;
 }
 
-.wp-block-image figcaption {
-	text-align: center;
-}
-
 @media screen and (max-width: 768px) {
 	.k-main .details .article .header {
 		padding: 0 16px 12px;