Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <h1>Hover over the image:</h1>

<body>
  <svg width="863" height="586" viewBox="0 0 863 586" fill="none" xmlns="http://www.w3.org/2000/svg">
    <g id="undraw_medical_research_qg4d 1" filter="url(#filter0_d)">
      <g clip-path="url(#clip0)">
        <g id="Doctor">
          <path id="Vector" d="M265.557 268H155.557V391H265.557V268Z" fill="#CCCCCC" />
          <path id="Vector_2" d="M212.007 541.232L210.117 567.067C210.032 568.237 210.197 569.411 210.603 570.511C211.008 571.611 211.644 572.612 212.468 573.446C213.292 574.281 214.285 574.929 215.38 575.348C216.475 575.767 217.647 575.947 218.817 575.877L232.087 575.073C232.702 575.035 233.301 574.863 233.842 574.568C234.383 574.273 234.852 573.863 235.216 573.366C235.58 572.869 235.83 572.298 235.949 571.694C236.068 571.089 236.052 570.466 235.902 569.868L228.537 540.406L212.007 541.232Z" fill="white" />
          <path id="Vector_3" d="M323.003 556.509C338.62 560.163 349.777 565.356 357.106 572.384C359.716 574.867 363.131 576.331 366.729 576.509C371.326 576.751 375.084 576.236 377.909 574.974H377.909C378.633 574.655 379.258 574.148 379.719 573.506C380.181 572.864 380.462 572.111 380.534 571.323C380.619 570.523 380.489 569.715 380.157 568.982C379.825 568.25 379.303 567.619 378.645 567.156L341.606 540.802L325.873 547.096L322.202 550.766C321.805 551.163 321.505 551.647 321.327 552.18C321.148 552.713 321.096 553.28 321.173 553.837C321.251 554.393 321.456 554.924 321.774 555.388C322.091 555.852 322.512 556.236 323.003 556.509H323.003Z" fill="white" />
          <path id="Vector_4" d="M274.94 134.695L169.067 133.714C169.333 118.294 172.921 103.151 180.764 89.6005C185.914 80.701 185.803 71.0157 184.562 62.8561C182.646 50.2641 187.101 37.3806 196.999 29.3649C204.563 23.2285 214.11 20.0698 223.842 20.4835L225.897 20.5692C232.594 20.8475 239.113 22.8036 244.856 26.258C250.6 29.7123 255.383 34.5542 258.768 40.339C262.208 46.5146 263.595 53.624 262.729 60.6398C262.058 67.241 263.664 73.9096 267.42 80.6416C273.9 95.4242 275.303 114.34 274.94 134.695Z" fill="#2F2E41" />
          <path id="Vector_5" d="M345.775 542.176L324.996 547.597L223.813 327.161L230.137 542.176H209.358C187.154 441.018 147.067 324.27 165.09 287.41L272.597 281.086L345.775 542.176Z" fill="#D81515" />
          <path id="Vector_6" d="M222.909 97.6912C238.376 97.6912 250.915 85.1524 250.915 69.685C250.915 54.2177 238.376 41.6789 222.909 41.6789C207.442 41.6789 194.903 54.2177 194.903 69.685C194.903 85.1524 207.442 97.6912 222.909 97.6912Z" fill="#FFB9B9" />
          <path id="Vector_7" d="M247.302 121.18L201.227 118.47C205.742 108.106 207.546 98.1264 205.744 88.657H240.074C239.996 95.9276 243.614 108.504 247.302 121.18Z" fill="#FFB9B9" />
          <path id="Vector_8" d="M276.211 289.217L175.028 296.445L185.417 117.115L203.034 112.146L222.909 116.663L242.784 106.725L255.432 111.243L276.211 289.217Z" fill="#D81515" />
          <path id="Vector_9" d="M192.193 418.407L123.081 402.597C143.631 334.449 180.654 178.546 168.704 122.987L204.841 106.725L192.193 418.407Z" fill="white" />
          <path id="Vector_10" d="M158.766 221.46L132.567 205.199L154.91 139.759C157.402 133.007 162.175 127.337 168.404 123.731L175.931 119.373L171.414 185.323L158.766 221.46Z" fill="white" />
          <path id="Vector_11" d="M336.289 403.501C314.476 416.121 259.95 423.156 236.009 414.342C234.247 352.769 230.792 178.603 241.881 104.919L281.632 121.18L278.018 169.965C259.014 211.698 314.198 357.054 336.289 403.501Z" fill="white" />
          <path id="Vector_12" d="M333.127 213.33L308.734 205.199L276.211 168.158L281.632 121.18L335.837 197.068L333.127 213.33Z" fill="white" />
          <path id="Vector_13" d="M256.681 248.494C257.08 250.245 258.158 251.767 259.677 252.725C261.196 253.684 263.034 254 264.786 253.606L285.492 248.917L282.5 235.7L261.793 240.389C260.041 240.786 258.518 241.863 257.559 243.383C256.6 244.903 256.285 246.741 256.681 248.494V248.494Z" fill="#FFB9B9" />
          <path id="Vector_14" d="M247.302 62.4576C231.746 56.0611 216.382 55.5983 201.227 61.5542L194.903 38.9686H252.722L247.302 62.4576Z" fill="#2F2E41" />
          <path id="Vector_15" d="M275.308 233.205L287.052 254.887C306.806 249.378 323.926 232.008 340.354 211.523L335.837 197.068L307.831 204.295L275.308 233.205Z" fill="white" />
          <path id="Vector_16" d="M266.725 188.485H263.111C263.111 137.375 252.588 101.757 242.333 101.757L241.429 98.1429C250.626 98.1429 256.49 112.967 259.789 125.403C264.262 142.263 266.725 164.666 266.725 188.485Z" fill="#3F3D56" />
          <path id="Vector_17" d="M183.61 175.837H179.996C179.996 129.028 190.593 99.9498 206.196 99.9498L205.292 103.563C194.5 103.563 183.61 125.911 183.61 175.837Z" fill="#3F3D56" />
          <path id="Vector_18" d="M264.918 198.423C269.908 198.423 273.953 194.378 273.953 189.389C273.953 184.399 269.908 180.355 264.918 180.355C259.929 180.355 255.884 184.399 255.884 189.389C255.884 194.378 259.929 198.423 264.918 198.423Z" fill="#3F3D56" />
          <path id="Vector_19" d="M169.155 197.52H165.542C165.542 184.568 172.836 174.031 181.803 174.031V177.644C174.829 177.644 169.155 186.56 169.155 197.52Z" fill="#3F3D56" />
          <path id="Vector_20" d="M198.065 197.52H194.451C194.451 186.56 188.777 177.644 181.803 177.644V174.031C190.77 174.031 198.065 184.568 198.065 197.52Z" fill="#3F3D56" />
          <path id="Vector_21" d="M196.258 202.037C198.254 202.037 199.872 200.419 199.872 198.423C199.872 196.427 198.254 194.809 196.258 194.809C194.262 194.809 192.644 196.427 192.644 198.423C192.644 200.419 194.262 202.037 196.258 202.037Z" fill="#3F3D56" />
          <path id="Vector_22" d="M167.348 202.037C169.344 202.037 170.962 200.419 170.962 198.423C170.962 196.427 169.344 194.809 167.348 194.809C165.353 194.809 163.735 196.427 163.735 198.423C163.735 200.419 165.353 202.037 167.348 202.037Z" fill="#3F3D56" />
          <path id="Vector_23" d="M122.177 165.193L144.724 169.219L196.258 242.495L168.88 236.053L122.177 165.193Z" fill="#D81515" />
          <path id="Vector_24" d="M118.178 164.296C117.834 164.301 117.498 164.398 117.205 164.578C116.912 164.757 116.673 165.012 116.512 165.316C116.351 165.619 116.275 165.961 116.291 166.304C116.307 166.647 116.416 166.98 116.604 167.267L164.776 240.355C165.045 240.763 165.46 241.053 165.936 241.165L188.349 246.438C188.727 246.527 189.123 246.499 189.484 246.358C189.846 246.217 190.156 245.969 190.373 245.647C190.591 245.325 190.705 244.945 190.702 244.557C190.698 244.169 190.576 243.791 190.353 243.474L137.464 168.272C137.321 168.067 137.138 167.892 136.927 167.758C136.716 167.624 136.481 167.532 136.235 167.489L118.539 164.329C118.42 164.307 118.299 164.296 118.178 164.296V164.296Z" fill="#3F3D56" />
          <path id="Vector_25" d="M148.227 216.553L149.566 230.038L170.693 227.941C172.481 227.764 174.125 226.883 175.264 225.493C176.403 224.103 176.944 222.317 176.766 220.529C176.589 218.741 175.708 217.096 174.318 215.957C172.928 214.819 171.142 214.278 169.354 214.456L148.227 216.553Z" fill="#FFB9B9" />
          <path id="Vector_26" d="M129.857 214.991C129.887 219.589 131.734 223.989 134.995 227.231C138.255 230.474 142.665 232.296 147.263 232.302H150.737L153.266 211.226L132.326 203.688L129.857 214.991Z" fill="white" />
        </g>
        <g id="Plant">
          <path id="Vector_27" d="M99.557 576H43.557L37.557 528H105.557L99.557 576Z" fill="white" />
          <path id="Vector_28" d="M29.1764 510.243C43.5961 529.554 73.5284 531.587 73.5284 531.587C73.5284 531.587 80.0819 502.31 65.6623 482.999C51.2426 463.688 21.3103 461.655 21.3103 461.655C21.3103 461.655 14.7568 490.932 29.1764 510.243Z" fill="white" />
          <path id="Vector_29" d="M102.633 517.503C93.118 530.245 73.3665 531.587 73.3665 531.587C73.3665 531.587 69.0421 512.268 78.5572 499.525C88.0723 486.782 107.824 485.441 107.824 485.441C107.824 485.441 112.148 504.76 102.633 517.503Z" fill="white" />
        </g>
        <path id="Line" d="M523.557 575.656H4V577.897H523.557V575.656Z" fill="#3F3D56" />
        <g id="virus">
          <g id="Frame 1">
            <path id="Vector_30" d="M858.557 0H446.557V217H858.557V0Z" fill="white" />
            <path id="Vector_31" d="M458.557 205H846.557V12H458.557V205Z" fill="white" />
            <path id="Vector_32" d="M626.557 40H488.557V178H626.557V40Z" fill="#3F3D56" />
            <path id="Vector_33" d="M593.557 103C595.766 103 597.557 101.209 597.557 99C597.557 96.7909 595.766 95 593.557 95C591.348 95 589.557 96.7909 589.557 99C589.557 101.209 591.348 103 593.557 103Z" fill="#D81515" />
            <path id="Vector_34" d="M578.557 89C580.766 89 582.557 87.2091 582.557 85C582.557 82.7909 580.766 81 578.557 81C576.348 81 574.557 82.7909 574.557 85C574.557 87.2091 576.348 89 578.557 89Z" fill="#D81515" />
            <path id="Vector_35" d="M576.557 99C575.085 99.0003 573.642 99.4091 572.389 100.181C571.285 98.5211 569.988 96.9984 568.524 95.6452C568.541 95.4317 568.557 95.2178 568.557 95C568.558 93.4304 568.097 91.8951 567.231 90.5857C566.366 89.2763 565.134 88.2507 563.689 87.6368C562.244 87.0229 560.651 86.8478 559.108 87.1335C557.564 87.4192 556.139 88.1529 555.01 89.2431C552.868 88.9391 550.694 88.9201 548.547 89.1867C548.549 89.124 548.557 89.0631 548.557 89C548.558 87.661 548.224 86.3429 547.584 85.1667C546.944 83.9905 546.019 82.9937 544.894 82.2677C543.769 81.5418 542.479 81.1098 541.144 81.0116C539.808 80.9133 538.47 81.1518 537.25 81.7052C536.031 82.2586 534.97 83.1093 534.165 84.1792C533.36 85.249 532.836 86.5039 532.641 87.8288C532.447 89.1537 532.588 90.5061 533.052 91.7622C533.516 93.0183 534.288 94.1378 535.297 95.0181C533.958 96.1654 532.743 97.4503 531.673 98.8518C530.685 98.03 529.515 97.4582 528.259 97.1847C527.004 96.9111 525.702 96.9439 524.462 97.2802C523.222 97.6165 522.081 98.2465 521.137 99.1168C520.192 99.9872 519.47 101.072 519.033 102.28C518.597 103.488 518.457 104.784 518.627 106.057C518.796 107.331 519.27 108.544 520.008 109.596C520.746 110.647 521.727 111.506 522.866 112.098C524.006 112.691 525.272 113 526.557 113L526.582 112.999C526.569 113.331 526.557 113.664 526.557 114C526.557 116.013 526.8 118.018 527.28 119.973C524.903 120.868 522.791 122.352 521.145 124.286C519.498 126.22 518.369 128.541 517.865 131.031C517.361 133.521 517.498 136.098 518.262 138.52C519.027 140.943 520.395 143.131 522.237 144.88C524.08 146.629 526.336 147.881 528.795 148.519C531.254 149.157 533.835 149.16 536.295 148.528C538.755 147.895 541.014 146.648 542.861 144.903C544.707 143.158 546.079 140.972 546.849 138.551C552.414 139.621 558.177 138.766 563.192 136.127C563.704 137.332 564.504 138.394 565.522 139.218C566.54 140.042 567.744 140.603 569.03 140.853C570.316 141.103 571.643 141.033 572.895 140.65C574.148 140.267 575.287 139.583 576.213 138.657C577.139 137.731 577.824 136.591 578.207 135.339C578.59 134.086 578.66 132.759 578.41 131.473C578.16 130.188 577.598 128.983 576.774 127.965C575.95 126.947 574.889 126.147 573.684 125.635C575.416 122.347 576.389 118.712 576.531 114.999L576.557 115C578.678 115 580.713 114.157 582.213 112.657C583.714 111.157 584.557 109.122 584.557 107C584.557 104.878 583.714 102.843 582.213 101.343C580.713 99.8429 578.678 99 576.557 99V99Z" fill="#D81515" />
            <path id="Vector_36" d="M574.557 37H534.557V43H574.557V37Z" fill="white" />
            <path id="Vector_37" d="M802.557 40H664.557V178H802.557V40Z" fill="#3F3D56" />
            <path id="Vector_38" d="M759.757 133.6C760.751 133.6 761.557 132.794 761.557 131.8C761.557 130.806 760.751 130 759.757 130C758.763 130 757.957 130.806 757.957 131.8C757.957 132.794 758.763 133.6 759.757 133.6Z" fill="#D81515" />
            <path id="Vector_39" d="M753.007 127.3C754.001 127.3 754.807 126.494 754.807 125.5C754.807 124.506 754.001 123.7 753.007 123.7C752.013 123.7 751.207 124.506 751.207 125.5C751.207 126.494 752.013 127.3 753.007 127.3Z" fill="#D81515" />
            <path id="Vector_40" d="M752.107 131.8C751.444 131.8 750.795 131.984 750.231 132.331C749.734 131.584 749.151 130.899 748.492 130.29C748.5 130.194 748.507 130.098 748.507 130C748.507 129.294 748.3 128.603 747.91 128.014C747.521 127.424 746.966 126.963 746.316 126.687C745.666 126.41 744.949 126.332 744.255 126.46C743.56 126.589 742.919 126.919 742.411 127.409C741.447 127.273 740.469 127.264 739.502 127.384C739.503 127.356 739.507 127.328 739.507 127.3C739.507 126.697 739.357 126.104 739.069 125.575C738.781 125.046 738.365 124.597 737.858 124.27C737.352 123.944 736.772 123.749 736.171 123.705C735.57 123.661 734.967 123.768 734.419 124.017C733.87 124.266 733.393 124.649 733.03 125.131C732.668 125.612 732.432 126.177 732.345 126.773C732.257 127.369 732.321 127.978 732.53 128.543C732.739 129.108 733.086 129.612 733.54 130.008C732.937 130.524 732.391 131.103 731.909 131.733C731.465 131.364 730.938 131.106 730.373 130.983C729.808 130.86 729.222 130.875 728.664 131.026C728.106 131.177 727.593 131.461 727.168 131.853C726.742 132.244 726.418 132.733 726.221 133.276C726.025 133.82 725.962 134.403 726.038 134.976C726.115 135.549 726.328 136.095 726.66 136.568C726.992 137.041 727.433 137.428 727.946 137.694C728.459 137.961 729.029 138.1 729.607 138.1L729.618 138.099C729.612 138.249 729.607 138.399 729.607 138.55C729.607 139.456 729.716 140.358 729.932 141.238C728.862 141.64 727.912 142.308 727.171 143.179C726.43 144.049 725.922 145.093 725.695 146.214C725.469 147.334 725.53 148.494 725.874 149.584C726.218 150.674 726.834 151.659 727.663 152.446C728.492 153.233 729.507 153.797 730.614 154.084C731.72 154.371 732.882 154.372 733.989 154.087C735.096 153.803 736.113 153.241 736.943 152.456C737.774 151.671 738.392 150.687 738.738 149.598C741.242 150.079 743.836 149.695 746.092 148.507C746.323 149.05 746.683 149.527 747.141 149.898C747.599 150.269 748.141 150.522 748.72 150.634C749.298 150.746 749.895 150.715 750.459 150.543C751.023 150.37 751.535 150.062 751.952 149.645C752.369 149.229 752.677 148.716 752.849 148.152C753.022 147.589 753.053 146.992 752.941 146.413C752.828 145.834 752.575 145.292 752.205 144.834C751.834 144.376 751.356 144.016 750.814 143.786C751.593 142.306 752.031 140.671 752.095 138.999L752.107 139C753.061 139 753.977 138.621 754.652 137.946C755.327 137.27 755.707 136.355 755.707 135.4C755.707 134.445 755.327 133.53 754.652 132.854C753.977 132.179 753.061 131.8 752.107 131.8V131.8Z" fill="#D81515" />
            <path id="Vector_41" d="M773.878 99.4417C774.873 99.4417 775.678 98.6358 775.678 97.6417C775.678 96.6476 774.873 95.8417 773.878 95.8417C772.884 95.8417 772.078 96.6476 772.078 97.6417C772.078 98.6358 772.884 99.4417 773.878 99.4417Z" fill="#D81515" />
            <path id="Vector_42" d="M778.113 91.2367C779.107 91.2367 779.913 90.4308 779.913 89.4367C779.913 88.4425 779.107 87.6367 778.113 87.6367C777.119 87.6367 776.313 88.4425 776.313 89.4367C776.313 90.4308 777.119 91.2367 778.113 91.2367Z" fill="#D81515" />
            <path id="Vector_43" d="M771.805 90.2782C771.625 89.6407 771.272 89.0656 770.785 88.6169C771.369 87.9363 771.87 87.1886 772.278 86.3896C772.373 86.371 772.467 86.3516 772.561 86.325C773.241 86.134 773.85 85.7471 774.312 85.2124C774.773 84.6778 775.067 84.0191 775.157 83.3184C775.247 82.6178 775.128 81.9063 774.816 81.2726C774.504 80.6389 774.013 80.1111 773.403 79.7549C773.273 78.7899 773.016 77.8463 772.639 76.9488C772.666 76.9418 772.693 76.9378 772.721 76.9301C773.301 76.7675 773.831 76.4618 774.262 76.0411C774.694 75.6205 775.013 75.0982 775.19 74.5223C775.367 73.9464 775.397 73.3352 775.277 72.7447C775.156 72.1543 774.89 71.6035 774.501 71.1429C774.113 70.6822 773.615 70.3265 773.053 70.1082C772.492 69.8899 771.884 69.8161 771.287 69.8935C770.689 69.9709 770.12 70.1971 769.633 70.5513C769.145 70.9055 768.755 71.3764 768.496 71.9209C767.836 71.4807 767.131 71.1113 766.394 70.8186C766.629 70.2906 766.734 69.7137 766.7 69.1367C766.665 68.5596 766.492 67.9994 766.195 67.5034C765.898 67.0074 765.486 66.5902 764.994 66.2871C764.502 65.984 763.943 65.8039 763.367 65.762C762.79 65.7202 762.212 65.8178 761.681 66.0466C761.15 66.2754 760.683 66.6288 760.317 67.0767C759.952 67.5246 759.699 68.0539 759.582 68.6199C759.464 69.1859 759.485 69.7719 759.641 70.3284L759.645 70.3392C759.499 70.3741 759.354 70.4094 759.208 70.4504C758.336 70.696 757.497 71.0459 756.709 71.4923C756.032 70.5716 755.131 69.8382 754.093 69.3608C753.054 68.8834 751.911 68.6777 750.771 68.763C749.631 68.8484 748.532 69.222 747.576 69.8487C746.62 70.4755 745.839 71.3349 745.306 72.3463C744.773 73.3576 744.506 74.4878 744.529 75.6307C744.553 76.7736 744.866 77.8918 745.441 78.8803C746.015 79.8688 746.831 80.6952 747.812 81.2819C748.793 81.8687 749.907 82.1966 751.049 82.2349C751.265 84.7757 752.338 87.1677 754.093 89.0179C753.633 89.3867 753.271 89.8627 753.038 90.4042C752.805 90.9456 752.709 91.5359 752.758 92.1233C752.806 92.7107 752.999 93.2771 753.317 93.7729C753.636 94.2687 754.071 94.6786 754.585 94.9668C755.1 95.255 755.677 95.4125 756.266 95.4256C756.855 95.4388 757.439 95.307 757.965 95.042C758.491 94.777 758.945 94.3868 759.285 93.9057C759.625 93.4246 759.843 92.8672 759.917 92.2826C761.553 92.632 763.246 92.6101 764.872 92.2187L764.874 92.2298C765.002 92.6852 765.218 93.1109 765.511 93.4826C765.803 93.8544 766.166 94.1648 766.579 94.3962C766.991 94.6276 767.445 94.7755 767.915 94.8314C768.385 94.8872 768.861 94.85 769.316 94.7218C769.771 94.5935 770.197 94.3769 770.568 94.0841C770.94 93.7914 771.25 93.4283 771.481 93.0156C771.712 92.6029 771.86 92.1488 771.915 91.6791C771.971 91.2093 771.933 90.7333 771.805 90.2781V90.2782Z" fill="#D81515" />
            <path id="Vector_44" d="M704.162 74.9815C705.156 74.9815 705.962 74.1756 705.962 73.1815C705.962 72.1874 705.156 71.3815 704.162 71.3815C703.168 71.3815 702.362 72.1874 702.362 73.1815C702.362 74.1756 703.168 74.9815 704.162 74.9815Z" fill="#D81515" />
            <path id="Vector_45" d="M694.958 75.7189C695.952 75.7189 696.758 74.913 696.758 73.9189C696.758 72.9247 695.952 72.1189 694.958 72.1189C693.964 72.1189 693.158 72.9247 693.158 73.9189C693.158 74.913 693.964 75.7189 694.958 75.7189Z" fill="#D81515" />
            <path id="Vector_46" d="M699.004 78.8312C698.557 79.3204 698.256 79.924 698.132 80.5746C697.245 80.4378 696.346 80.407 695.452 80.4828C695.386 80.4124 695.32 80.3423 695.247 80.2763C694.726 79.7996 694.076 79.487 693.378 79.3774C692.68 79.2678 691.966 79.366 691.323 79.6599C690.681 79.9537 690.14 80.4301 689.766 81.0297C689.393 81.6294 689.204 82.3256 689.224 83.0317C688.473 83.6514 687.807 84.3678 687.245 85.1623C687.224 85.1428 687.206 85.1217 687.185 85.1025C686.741 84.6957 686.201 84.407 685.616 84.2628C685.031 84.1186 684.419 84.1235 683.837 84.2772C683.254 84.4309 682.719 84.7284 682.281 85.1424C681.844 85.5564 681.517 86.0736 681.331 86.6468C681.145 87.2199 681.105 87.8306 681.217 88.4228C681.328 89.015 681.586 89.5698 681.967 90.0364C682.349 90.5029 682.841 90.8663 683.399 91.0932C683.957 91.3201 684.564 91.4032 685.162 91.335C685.137 92.1281 685.196 92.9217 685.337 93.7027C684.764 93.7815 684.219 93.9971 683.747 94.3313C683.275 94.6654 682.891 95.1082 682.627 95.6223C682.362 96.1364 682.226 96.7066 682.228 97.2847C682.231 97.8628 682.372 98.4317 682.641 98.9434C682.91 99.4551 683.299 99.8945 683.773 100.224C684.248 100.554 684.795 100.765 685.368 100.839C685.942 100.913 686.524 100.847 687.067 100.648C687.61 100.449 688.097 100.123 688.486 99.6956L688.494 99.6868C688.6 99.792 688.707 99.8971 688.819 99.999C689.488 100.61 690.228 101.137 691.023 101.571C690.599 102.632 690.452 103.784 690.595 104.918C690.738 106.053 691.167 107.132 691.842 108.055C692.516 108.978 693.414 109.714 694.451 110.195C695.488 110.676 696.631 110.885 697.771 110.804C698.911 110.722 700.012 110.352 700.97 109.728C701.928 109.105 702.712 108.248 703.248 107.238C703.784 106.229 704.055 105.1 704.035 103.957C704.016 102.814 703.706 101.694 703.135 100.704C705.179 99.1791 706.643 97.0045 707.287 94.5373C707.843 94.7329 708.439 94.789 709.022 94.7007C709.604 94.6124 710.156 94.3825 710.63 94.031C711.103 93.6795 711.482 93.2172 711.735 92.6848C711.988 92.1523 712.106 91.566 712.079 90.9773C712.052 90.3885 711.881 89.8153 711.581 89.308C711.281 88.8008 710.861 88.3749 710.358 88.0678C709.855 87.7608 709.284 87.5819 708.696 87.5469C708.108 87.5119 707.52 87.6219 706.984 87.8671C706.417 86.2938 705.504 84.8677 704.313 83.6937L704.321 83.6857C704.641 83.3367 704.888 82.9281 705.05 82.4833C705.211 82.0385 705.284 81.5663 705.262 81.0935C705.241 80.6208 705.127 80.1569 704.927 79.7284C704.726 79.2998 704.443 78.915 704.093 78.596C703.744 78.2769 703.335 78.0299 702.89 77.8691C702.445 77.7082 701.973 77.6367 701.5 77.6585C701.027 77.6803 700.563 77.7952 700.135 77.9964C699.707 78.1976 699.323 78.4813 699.004 78.8312V78.8312Z" fill="#D81515" />
            <path id="Vector_47" d="M750.557 37H710.557V43H750.557V37Z" fill="white" />
          </g>
        </g>
      </g>
    </g>
    <defs>
      <filter id="filter0_d" x="0" y="0" width="862.557" height="585.897" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
        <feOffset dy="4" />
        <feGaussianBlur stdDeviation="2" />
        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
      </filter>
      <clipPath id="clip0">
        <rect x="4" width="854.557" height="577.897" fill="white" />
      </clipPath>
    </defs>
  </svg>
</body>
              
            
!

CSS

              
                h1 {
  color: white;
  padding: 0px 5px;
}
body {
  background: #bfb8ad;
}
svg {
  padding: 5%;
}
svg:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

              
            
!

JS

              
                
              
            
!
999px

Console