<picture> test

Pages/Index.razor

@@ -152,8 +152,8 @@
         <h1 class="block__header">MarketPlace знаний</h1>
         <p class="block__info">
             <b>Digital Data Hypercube (2DH)</b> – это модуль цифровой инженерии знаний децентрализованной системы Quantinium,
-            который содержит инструменты создания, продвижения и коммерциализации цифровых активов на базе блокчейн технологий. 
-            С использованием данного модуля предоставляются “открытые и бесшовные” консалтинговые,  научно-технические и 
+            который содержит инструменты создания, продвижения и коммерциализации цифровых активов на базе блокчейн технологий.
+            С использованием данного модуля предоставляются “открытые и бесшовные” консалтинговые,  научно-технические и
             инженерно-проектные услуги с защитой авторских и патентных прав на результаты интеллектуальной деятельности.
         </p>
         <p class="block__info">
@@ -169,13 +169,13 @@
                 Старатель - участник системы, осуществляющий  загрузку и разметку неструктурированных данных с последующим формированием блока информации;
             </li>
             <li style="margin-left:80px">
-                Эксперт - участник системы, осуществляющий верификацию, экспертизу и рецензирование блоков информации, а также другие действия 
+                Эксперт - участник системы, осуществляющий верификацию, экспертизу и рецензирование блоков информации, а также другие действия
                 направленные на извлечения нарративов знаний или формирования информационных продуктов;
             </li>
             <li style="margin-left:80px">
                 Инвестор (Заказчик, Спонсор) - пользователь, создающий бизнес-заказ на нарративы знаний или другие информационные продукты.
             </li>
-        </ul>        
+        </ul>
         <p class="block__info">
             Пользователь может иметь одну или несколько ролей в системе <a style="cursor:pointer; text-decoration:underline">(см. правила системы)</a>.
         </p>
@@ -201,7 +201,7 @@
             <li style="margin-left:80px">
                 создание цифровых нарративов и информационных продуктов.
             </li>
-        </ul>        
+        </ul>
         <p class="block__info" style="margin-bottom: 0px; margin-top: 30px">
             <b>2DH ДЛЯ БИЗНЕСА.</b> <a style="cursor:pointer; text-decoration:underline" onclick="ScrollToSection('narrative')">
                 Цифровые нарративы знаний и информационные продукты
@@ -221,21 +221,29 @@
             <li style="margin-left:80px">
                 Коммерциализации  разработок.
             </li>
-        </ul>        
+        </ul>
         <p class="block__info">
-            Модуль 2DH  обеспечивает защищенность, масштабность и многомерность инклюзивных знаний для бизнеса. Цифровой след смарт-контракта - 
+            Модуль 2DH  обеспечивает защищенность, масштабность и многомерность инклюзивных знаний для бизнеса. Цифровой след смарт-контракта -
             это гарантия качества и защита созданных продуктов технологией блокчейн.
         </p>
         <p class="block__info" style="margin-top: 30px">
             <b>2DH ДЛЯ ПОЛЬЗОВАТЕЛЯ</b>. Цифровые инструменты модуля 2DH позволяют Старателям и Экспертам, творческим  научным и инженерно-техническим  специалистам, "бесшовно" подключится к выполнению поставленных задач бизнеса.
         </p>
         <p class="block__info">
-            <b>Вознаграждение пользователей регулирует <a style="cursor:pointer; text-decoration:underline">Смарт-контракт</a></b>. За выполненную работу 
-            по формированию блоков информации, создание цифровых нарративов знаний и информационных продуктов пользователям на кошелек начисляется 
-            криптовалюта <a style="cursor:pointer; text-decoration:underline" onclick="ScrollToSection('quantinium')">Quantinium (QNM)</a> при условии достижения 
+            <b>Вознаграждение пользователей регулирует <a style="cursor:pointer; text-decoration:underline">Смарт-контракт</a></b>. За выполненную работу
+            по формированию блоков информации, создание цифровых нарративов знаний и информационных продуктов пользователям на кошелек начисляется
+            криптовалюта <a style="cursor:pointer; text-decoration:underline" onclick="ScrollToSection('quantinium')">Quantinium (QNM)</a> при условии достижения
             <a href="https://docs.google.com/document/d/1Rl8J8csrtIZetog_fQz4sjTjMIJHedB2dA8S69kHdOM/edit?usp=sharing">консенсуса смарт-контракта (см. White Paper)</a>.
         </p>
-        <img class="block__img" src="img/fill_01.png">
+
+        <picture>
+            <source srcset="img/fill_01_w500.png" media="(max-width: 768px)">
+            <source srcset="img/fill_01.png">
+            <img class="block__img" srcset="img/fill_01.png" alt="">
+        </picture>
+
+        @*<img class="block__img" src="img/fill_01.png">*@
+
         <img class="market-place__img" src="img/plate.png" alt="">
     </div>
 </section>
@@ -869,7 +877,7 @@
         display: block;
         width: 65%;
         display: block;
-        height: 210px;
+        height: 100%;
         -o-object-fit: cover;
         object-fit: cover;
         margin-left: auto;