Перерисовать байкальскую нерпу и анимацию ластов

fragments/hero.php

@@ -186,40 +186,7 @@
 
     
 
-    <div class="free-seal" aria-hidden="true">
-      <span class="seal-rock"></span>
-      <div class="free-seal-inner">
-        <svg viewBox="0 0 180 150" aria-hidden="true">
-          <defs>
-            <linearGradient id="seal-body-fill" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0" stop-color="#d7c4a5"/>
-              <stop offset=".48" stop-color="#8d806f"/>
-              <stop offset="1" stop-color="#4b4d50"/>
-            </linearGradient>
-            <radialGradient id="seal-muzzle-fill" cx="50%" cy="35%" r="70%">
-              <stop offset="0" stop-color="#f4e7d0"/>
-              <stop offset="1" stop-color="#b9a98f"/>
-            </radialGradient>
-          </defs>
-          <g stroke="#273447" stroke-linecap="round" stroke-linejoin="round">
-            <path class="seal-flipper seal-flipper-left" fill="#67635f" d="M61 94C47 96 33 108 31 123c8 9 23 5 39-13l7-12Z"/>
-            <path class="seal-flipper seal-flipper-right" fill="#5b5957" d="M119 96c15 1 29 12 32 27-8 9-23 5-39-13l-7-12Z"/>
-            <path class="seal-body" fill="url(#seal-body-fill)" stroke-width="2.2" d="M48 116C40 99 43 76 55 61c9-11 21-17 35-18 18-2 34 5 44 19 10 14 13 38 4 54-9 16-78 18-90 0Z"/>
-            <ellipse class="seal-belly" fill="#b8a990" stroke="none" cx="90" cy="96" rx="25" ry="34" opacity=".72"/>
-            <ellipse class="seal-head" fill="url(#seal-body-fill)" stroke-width="2.2" cx="90" cy="48" rx="35" ry="30"/>
-            <ellipse class="seal-muzzle" fill="url(#seal-muzzle-fill)" stroke="none" cx="90" cy="59" rx="22" ry="15"/>
-            <circle class="seal-eye" cx="77" cy="47" r="5"/>
-            <circle class="seal-pupil" cx="78" cy="47" r="2"/>
-            <circle class="seal-eye" cx="103" cy="47" r="5"/>
-            <circle class="seal-pupil" cx="104" cy="47" r="2"/>
-            <path class="seal-nose" d="M86 57q4-5 8 0-2 6-4 6-2 0-4-6Z"/>
-            <path class="seal-smile" fill="none" stroke-width="1.7" d="M90 63q-6 8-13 1M90 63q6 8 13 1"/>
-            <path class="seal-whiskers" fill="none" stroke-width="1.2" d="M82 60 60 55M82 64 58 65M98 60l22-5M98 64l24 1"/>
-            <path class="seal-spot" fill="none" stroke="#d9c7a8" stroke-width="2" opacity=".62" d="M62 79q8-5 16 0M112 82q8-5 15 1M68 109q6-4 12 0"/>
-          </g>
-        </svg>
-      </div>
-    </div>
+    <img class="hero-nerpa" src="assets/images/nerpa.svg" width="320" height="250" alt="" aria-hidden="true" decoding="async">
 
     <div class="hero-bubbles hero-bubbles-front">
       <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>