correct figure captions

frontend/src/styles/components/article-single.css

@@ -76,28 +76,32 @@
   margin: 0;
 }
 
-.article-single-img>img,
-.wp-block-image>img {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  object-fit: cover;
+.article-single-img, .wp-block-image {
+  margin: 0 -2.5rem;
+  position: relative;
+  margin-bottom: 2rem;
+  height: auto;
+  display: block;
+  text-align: center;
 }
 
-.article-single-img__text,
-.wp-element-caption {
-  position: absolute;
-  z-index: 1;
-  left: 2.5rem;
-  bottom: 2.5rem;
+.article-single-img img, .wp-block-image img {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+.article-single-img__text, .wp-element-caption {
+  position: static;
+  display: block;
+  margin-top: 0.5rem;
   font-size: 1.1rem;
   line-height: 1.6rem;
-  border: 1px solid #fff;
-  border-radius: 5rem;
-  background-color: #ffffff;
   padding: 4px 8px;
+  text-align: center;
+  max-width: 90%; /* Ограничиваем ширину подписи */
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .article-single-img__video {
@@ -233,4 +237,20 @@ sup {
     padding: 0;
     min-height: unset;
   }
+
+  .wp-block-image {
+    margin: 0; /* Убираем отрицательный margin */
+  }
+
+.wp-element-caption {
+    font-size: 1rem; /* Уменьшаем шрифт подписи */
+    line-height: 1.4rem;
+    padding: 2px 6px;
+    max-width: 95%; /* Делаем подпись адаптивной */
+}
+
+.article-single-img, .wp-block-image{
+  height: auto;
+}
+
 }

frontend/src/styles/pages/main.css

@@ -21,7 +21,10 @@
   font-weight: 500;
 }
 
+<<<<<<< HEAD
 
+=======
+>>>>>>> 8c3c602de751cb17721311afac451c4109c6924d
 ul.wp-block-list li{
   display: block;
   padding: 4px 0;