console
<div class="boo">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" viewBox="1964.061 3700.156 1503.778 1350.158">
<g>
<path id="body" d="M2642.864,4198.398c-57.903,20.3-318.386,117.107-396.046,42.515c-19.809-18.703-18.275-41.582-16.77-58.984 c1.751-15.104-9.039-9.201-14.187,0.239c-11.865,21.606-17.565,47.338,5.415,76.747c-2.291,22.967-3.155,61.843,4.12,104.457 c-6.025,202.931,75.676,398.464,181.653,454.983c32.99,17.734,81.603,21.49,112.489,1.439 c104.32-67.927,189.149-302.056,188.085-587.108C2707.39,4200.73,2691.039,4181.098,2642.864,4198.398 M2657.267,4224.266 c-13.544,70.081-52.279,175.496-68.768,208.579c-6.703,13.643-10.507,7.102-16.852-1.475 c-12.634-16.78-47.619-95.328-55.841-159.572C2578.937,4254.191,2633.422,4233.731,2657.267,4224.266 M2492.388,4278.15 c-3.126,38.039-18.043,81.222-22.563,89.447c-5.982,11.694-10.592,14.745-17.386,1.959c-9.394-18.136-19.625-43.898-25.969-76.655 C2448.401,4288.574,2470.579,4283.606,2492.388,4278.15 M2410.403,4295.716c-2.003,37.004-14.799,78.413-21.636,87.971 c-7.875,11.361-10.135,10.522-16.77-0.735c-6.677-11.624-18.392-51.144-22.56-80.902 C2368.97,4301.24,2389.706,4298.676,2410.403,4295.716 M2278.091,4452.914c-26.687-54.974-32.725-123.152-30.191-169.476 c19.218,11.896,45.649,17.668,75.934,19.002c2.176,12.896,5.413,31.322,8.928,46.54c-7.532,41.545-30.614,94.883-34.888,102.474 C2291.52,4462.64,2284.375,4466.596,2278.091,4452.914 M2527.519,4769.626c-49.61,43.869-98.13,24.058-129.893,0.55 c-23.979-17.327-49.618-46.986-71.044-91.923c-31.366-105.077,49.034-250.738,114.749-275.803c2.71,3.56,5.575,7.201,8.082,10.322 c10.013,11.036,19.405,9.404,28.981-0.61c10.058-9.833,21.294-27.274,26.653-44.697c14.787,42.125,40.176,82.311,54.866,96.545 c16.936,16.549,28.449,20.08,42.389,4.724c26.311-29.434,51.337-101.849,68.212-159.684c2.489-1.287,5.009-2.173,7.427-2.749 C2656.009,4500.758,2606.188,4700.25,2527.519,4769.626 M3185.158,4214.92c-73.928-21.938-222.781,12.969-308.811,84.381 c2.11,16.538,10.497,35.402,10.497,35.402c70.448-54.109,199.371-110.325,284.789-92.209c21.522,4.691,33.744,24.604,19.534,55.977 c-36.172,79.266-174.832,180.971-188.945,190.386c0,0,12.186,23.939,19.123,29.435c169.758-113.96,197.367-195.323,206.771-229.559 C3232.802,4270.682,3235.469,4229.902,3185.158,4214.92 M3407.416,4656.745c-14.725-3.268-38.057-6.056-79.991-8.062 c-2.978-0.367-3.445,0.921-2.792-2.853c49.632-211.317,37.667-441.786-66.359-612.252 c-98.269-161.737-282.169-323.736-537.041-332.916c-320.809-11.645-505.491,179.585-590.702,364.868 c-37.043-26.567-83.803-41.722-109.545-43.925c-38.083-3.508-54.8,8.972-56.835,58.406 c-1.457,41.952,14.16,193.922,102.128,295.052c-1.759,171.164,42.39,441.789,315.839,598.908 c302.582,173.407,890.746,29.245,1063.345-210.436c7.18-9.437,17.83-27.817,20.787-43.205 C3470.158,4697.958,3471.95,4670.412,3407.416,4656.745 M2068.593,4315.486c-49.97-78.627-69.69-197.3-70.069-234.816 c-0.512-30.229,8.83-28.236,25.762-24.514c22.531,5.432,60.313,27.51,87.357,54.375c-17.77,46.913-29.788,92.643-35.388,133.42 C2074.19,4260.396,2070.851,4285.186,2068.593,4315.486 M3419.98,4740.888c-47.173,86.193-352.248,284.433-742.13,268.401 c-401.432-17.021-605.487-335.567-567.538-696.642c15.117-144.974,70.353-324.515,222.129-443.33 c243.263-191.128,510.13-124.383,635.077-55.333c296.271,163.761,332.864,423.153,344.011,539.75 c12.925,137.047-16.139,285.993-26.496,335.658c-2.281,13.061-3.478,36.058,9.258,25.403c8.491-7.105,17.892-21.58,21.669-33.716 c28.788,0.4,71.604,0.525,98.804,9.158C3435.383,4696.423,3432.887,4717.47,3419.98,4740.888 M2740.834,3943.129 c-96.191,80.086-170.974,90.088-205.39,89.051c-52.91-2.051-47.679-34.915-41.826-60.586c0.634-2.692,2.737-11.816,3.604-15.152 c2.069-6.562-1.521-9.714-9.276,1.32c-19.164,26.96-54.113,67.87-80.918,58.639c-32.082-10.792-40.349-62.571-18.452-122.601 c3.822-10.307-9.322,0.938-16.529,11.467c-27.03,39.792-22.371,82.537-11.781,110.28c-11.423,10.063-22.395,32.733-25.966,45.323 c-9.843,34.446-6.86,71.829,12.249,75.62c20.112,4.536,45.21-26.094,55.287-64.115c2.225-7.973,3.123-15.331,2.653-22.456 c18.45-0.853,41.977-10.459,62.491-39.103c2.094-2.173,2.014,0.009,1.823,2.495c1.858,36.961,28.638,48.719,52.328,50.549 c-4.993,9.502-8.617,20.249-10.754,28.991c-7.957,34.777-1.547,73.795,20.496,76.1c25.816,2.986,49.752-26.966,57.733-65.766 c3.396-17.066,3.058-32.943-1.012-46.181c98.743-19.784,155.035-74.741,170.901-112.089 C2768.337,3921.827,2757.032,3930.092,2740.834,3943.129 M2377.47,4060.043c-3.692,11.441-11.099,20.044-18.829,17.178 c-6.605-2.446-8.736-13.491-5.193-25.002c3.974-11.706,12.501-19.891,18.55-16.933 C2381.015,4038.63,2381.449,4048.328,2377.47,4060.043 M2551.5,4091.615c-3.538,11.515-11.266,20.001-18.996,17.138 c-6.278-2.329-9.008-13.246-5.031-24.946c3.697-11.457,12.068-19.707,18.707-16.877 C2555.199,4070.273,2555.154,4079.776,2551.5,4091.615"/>
<path id="tongue" d="M2527.519,4769.626c-49.61,43.869-98.13,24.058-129.893,0.55c-23.979-17.327-49.618-46.986-71.044-91.923 c-31.366-105.077,49.034-250.738,114.749-275.803c2.71,3.56,5.575,7.201,8.082,10.322c10.013,11.036,19.405,9.404,28.981-0.61 c10.058-9.833,21.294-27.274,26.653-44.697c14.787,42.125,40.176,82.311,54.866,96.545c16.936,16.549,28.449,20.08,42.389,4.724 c26.311-29.434,51.337-101.849,68.212-159.684c2.489-1.287,5.009-2.173,7.427-2.749 C2656.009,4500.758,2606.188,4700.25,2527.519,4769.626"/>
</g>
</svg>
</div>
html,
body {
height: 100%;
}
body {
display: flex;
justify-content: center;
align-items: center;
}
.boo {
width: 50%;
}
#body {
stroke-dashoffset: 17972.59765625;
stroke-dasharray: 17972.59765625 17972.59765625;
fill: transparent;
stroke: #000;
stroke-width: 2;
animation: body 10s ease forwards, fill 1s 1.5s linear forwards;
}
#tongue {
stroke-dashoffset: 1517.6422119140625;
stroke-dasharray: 1517.6422119140625 1517.6422119140625;
fill: transparent;
animation: tongue 1s 1.5s linear forwards;
}
@keyframes body {
to {
stroke-dashoffset: 0;
}
}
@keyframes fill {
to {
fill: #000;
}
}
@keyframes tongue {
to {
fill: #E60012;
}
}
@media all and (max-height: 500px) and (max-width: 2000px){
.boo{
width: 20%;
}
}
@media all and (max-width: 600px){
.boo{
width: 50%;
}
}