images in slides

project-post.html

@@ -28,16 +28,16 @@
         </div>
     </div>
     <div class="fullpage">
-        <div class="section">
+        <div class="section gradient-text">
             <p>Postnet – геоинформационная AutoML система для управления и развития сети постаматов Московский постамат
             </p>
-        </div>
-        <div class="section">
             <p>В настоящее время в столице развивается городская сеть постаматов – Московский постамат. Постаматы сети
                 размещают не только в различных объектах инфраструктуры, но и прямо внутри подъездов жилых домов. Сейчас
                 с помощью постаматов можно получать заказы из интернет-магазинов и маркетплейсов, уже скоро будут
                 доступны и другие сервисы. Для управления сетью постаматов и ее развития наша команда разработала
                 систему Postnet. </p>
+        </div>
+        <div class="section">
             <figure>
                 <img src="images/postnet/postnet-interface.png" />
                 <figcaption>Интерфейс системы</figcaption>

style.css

@@ -388,14 +388,14 @@ html {
 
 .project-container img {
   object-fit: cover;
-  width: 100%;
+  max-width: 1200px;
   min-height: 300px;
-  transition: scale 0.5s;
+  max-height: 50vh;
 }
 
-.project-container:hover img {
-  scale: 1.1;
-}
+/* .project-container:hover img {
+  scale: 0.9;
+} */
 
 .project-title .project-arrow {
   display: block;
@@ -414,32 +414,18 @@ html {
 
 .project-title {
   display: flex;
-  position: absolute;
-  bottom: 0;
   width: 100%;
-  background-color: rgba(0, 0, 0, 0.8);
   font-size: 30px;
   line-height: 37px;
   transition: background-color 0.3s;
-  height: 3em;
-
-
   text-transform: uppercase;
-  /* padding-left: 25px; */
   align-items: center;
-
   color: var(--primary-text-color);
-
   cursor: pointer;
 }
 
-.project-container:hover .project-title {
-  background-color: rgba(0, 0, 0, 0.9);
-}
-
 .project-title span {
   display: flex;
-  margin: 1em;
   align-items: center;
 }
 
@@ -610,16 +596,31 @@ html {
   }
 }
 
-.section img {
-  width: 100%
+/* Текст в постах */
+.section.gradient-text {
+  background-size: 100%;
+  background-repeat: repeat;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-image: linear-gradient(55deg, rgb(255, 255, 255) 20%, rgba(245, 192, 192, 0.8) 100%);
 }
 
+
+/* Картинки в постах */
 .section figure {
   @media (max-width: 850px) {
     margin: 0;
   }
 }
 
-.section figcaption {
+.section figure img {
+  max-width: 100%;
+  min-height: 300px;
+  max-height: 70vh;
+  object-fit: cover;
+  object-position: left center;
+}
+
+.section figure figcaption {
   font-size: 18px;
 }