fix: figcaption tag display issues

assets/css/kratos.css

@@ -721,8 +721,8 @@ button:focus {
 }
 
 .k-main .details .article .content::after,.k-main .details .article .content p::after {
-    display: block;
 	clear: both;
+	display: block;
 	content: "";
 }
 
@@ -749,12 +749,12 @@ button:focus {
 }
 
 .k-main .details .article .content h2.title {
-	font-size: 20px;
+	margin: 16px -16px;
 	padding: 0 10px;
 	border-left: 5px solid #00a2ff;
 	background-color: rgba(243,243,243,.7);
+	font-size: 20px;
 	line-height: 41px;
-	margin: 16px -16px;
 }
 
 .k-main .details .article .content h3 {
@@ -857,7 +857,7 @@ button:focus {
 	list-style: none;
 }
 
-.k-main .details .article .content .wp-caption{
+.k-main .details .article .content .wp-caption {
 	max-width: 100%;
 }
 
@@ -888,19 +888,18 @@ button:focus {
 }
 
 .k-main .details .article .content .alignleft {
+	float: left;
 	display: block;
-    float:left;
 }
 
 .k-main .details .article .content .aligncenter {
-	display: block;
 	margin-right: auto;
 	margin-left: auto;
 }
 
 .k-main .details .article .content .alignright {
+	float: right;
 	display: block;
-    float:right;
 }
 
 .k-main .details .article .content .alert,.k-main .details .article .content .card,.card-header:first-child {
@@ -995,6 +994,10 @@ 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;