
<div class="pfx-anim pfx-s1" aria-hidden="true"><img class="product-natri_img1" src="https://cdn.prod.website-files.com/6809dce953d430a5d7297378/6a33cf1cc4efbfaaaf868eee_cont3.svg" alt=""><img class="product-natri_img2 pfx-s10-a" src="https://cdn.prod.website-files.com/6809dce953d430a5d7297378/6a33cd82f443e5d755bdbfe1_cont-2.svg" alt=""><img class="product-natri_img3 scale pfx-s10-b" src="https://cdn.prod.website-files.com/6809dce953d430a5d7297378/6a33cd824c2935562a89559b_cont1.svg" alt=""><img class="product-natri_img4" src="https://cdn.prod.website-files.com/6809dce953d430a5d7297378/6a33d068495ce9e8674e3c29_left-2.svg" alt=""><img class="product-natri_img5 scale pfx-s10-c" src="https://cdn.prod.website-files.com/6809dce953d430a5d7297378/6a33d068495ce9e8674e3c13_left-1.svg" alt=""></div><style> .pfx-s1 .product-natri_img1 { z-index:0;width:71%;position:absolute;inset:auto 1% 2% auto } .pfx-s1 .product-natri_img2 { z-index:0;width:15%;position:absolute;inset:auto 5% 3% auto } .pfx-s1 .product-natri_img3 { z-index:0;width:12%;position:absolute;inset:61% 36.375% 0% auto } .pfx-s1 .product-natri_img3.scale { transform-origin:100% 0;width:11.2%;top:auto;bottom:6%;right:27% } .pfx-s1 .product-natri_img4 { z-index:0;width:37.75%;position:absolute;inset:auto auto -.5% -.5% } .pfx-s1 .product-natri_img4.v2 { width:26%;bottom:-3%;left:-2% } .pfx-s1 .product-natri_img5 { z-index:0;width:17.75%;position:absolute;inset:25% auto 0% 5.5% } .pfx-s1 .product-natri_img5.scale { width:17%;top:auto;bottom:26%;left:5% } .pfx-s1 .product-natri_img5.scale.v2 { width:12%;left:2% } @media screen and (max-width:991px) { .pfx-s1 .product-natri_img1 { right:1.5% } .pfx-s1 .product-natri_img2 { right:4% } .pfx-s1 .product-natri_img3 { right:31.375% } .pfx-s1 .product-natri_img5 { left:10% } } @media screen and (max-width:767px) { .pfx-s1 .product-natri_img1 { right:3.5% } .pfx-s1 .product-natri_img3 { top:56%;right:33.375% } } @media screen and (max-width:479px) { .pfx-s1 .product-natri_img1 { width:76% } .pfx-s1 .product-natri_img3.scale { bottom:5%;right:32% } .pfx-s1 .product-natri_img5.scale { bottom:14%;left:5% } } .pfx-s1 { position: absolute; inset: 0; width: 100%; height: 100%; background: #fcf6ea; pointer-events: none; } .pfx-s10-a { animation: pfxS1A10 7.5s infinite; } .pfx-s10-b { animation: pfxS1B10 7.5s infinite; } .pfx-s10-c { animation: pfxS1C10 7.5s infinite; } @keyframes pfxS1A10 { 0%, 6.667% { transform: translateY(0); animation-timing-function: cubic-bezier(.87,0,.13,1); animation-timing-function: linear(0, 0.0007, 0.0009, 0.0012, 0.0016, 0.0021, 0.0028, 0.0037, 0.0049, 0.0066, 0.0088, 0.0117, 0.0156, 0.0209, 0.0278, 0.0372, 0.0496, 0.0662, 0.0884, 0.118, 0.1575, 0.2102, 0.2806, 0.3746, 0.5, 0.6254, 0.7194, 0.7898, 0.8425, 0.882, 0.9116, 0.9338, 0.9504, 0.9628, 0.9722, 0.9791, 0.9844, 0.9883, 0.9912, 0.9934, 0.9951, 0.9963, 0.9972, 0.9979, 0.9984, 0.9988, 0.9991, 0.9993, 1); } 46.667%, 53.6% { transform: translateY(-150%); animation-timing-function: cubic-bezier(.87,0,.13,1); animation-timing-function: linear(0, 0.0007, 0.0009, 0.0012, 0.0016, 0.0021, 0.0028, 0.0037, 0.0049, 0.0066, 0.0088, 0.0117, 0.0156, 0.0209, 0.0278, 0.0372, 0.0496, 0.0662, 0.0884, 0.118, 0.1575, 0.2102, 0.2806, 0.3746, 0.5, 0.6254, 0.7194, 0.7898, 0.8425, 0.882, 0.9116, 0.9338, 0.9504, 0.9628, 0.9722, 0.9791, 0.9844, 0.9883, 0.9912, 0.9934, 0.9951, 0.9963, 0.9972, 0.9979, 0.9984, 0.9988, 0.9991, 0.9993, 1); } 84.667%, 100% { transform: translateY(0); } } @keyframes pfxS1B10 { 0%, 28.267% { transform: translate(0, 0) scale(1); animation-timing-function: cubic-bezier(.65,0,.35,1); animation-timing-function: linear(0, 0.0003, 0.0023, 0.0078, 0.0185, 0.0362, 0.0625, 0.0992, 0.1481, 0.2109, 0.2894, 0.3851, 0.5, 0.6149, 0.7106, 0.7891, 0.8519, 0.9008, 0.9375, 0.9638, 0.9815, 0.9922, 0.9977, 0.9997, 1); } 51.733%, 71.467% { transform: translate(-40%, 0) scale(1.25); animation-timing-function: cubic-bezier(.76,0,.24,1); animation-timing-function: linear(0, 0, 0.0004, 0.002, 0.0062, 0.0151, 0.0312, 0.0579, 0.0988, 0.1582, 0.2411, 0.353, 0.5, 0.647, 0.7589, 0.8418, 0.9012, 0.9421, 0.9688, 0.9849, 0.9938, 0.998, 0.9996, 1, 1); } 90%, 100% { transform: translate(0, 0) scale(1); } } @keyframes pfxS1C10 { 0%, 45.067% { transform: translateY(0); animation-timing-function: cubic-bezier(.65,0,.35,1); animation-timing-function: linear(0, 0.0003, 0.0023, 0.0078, 0.0185, 0.0362, 0.0625, 0.0992, 0.1481, 0.2109, 0.2894, 0.3851, 0.5, 0.6149, 0.7106, 0.7891, 0.8519, 0.9008, 0.9375, 0.9638, 0.9815, 0.9922, 0.9977, 0.9997, 1); } 64.267%, 83.867% { transform: translateY(-30%); animation-timing-function: cubic-bezier(.87,0,.13,1); animation-timing-function: linear(0, 0.0007, 0.0009, 0.0012, 0.0016, 0.0021, 0.0028, 0.0037, 0.0049, 0.0066, 0.0088, 0.0117, 0.0156, 0.0209, 0.0278, 0.0372, 0.0496, 0.0662, 0.0884, 0.118, 0.1575, 0.2102, 0.2806, 0.3746, 0.5, 0.6254, 0.7194, 0.7898, 0.8425, 0.882, 0.9116, 0.9338, 0.9504, 0.9628, 0.9722, 0.9791, 0.9844, 0.9883, 0.9912, 0.9934, 0.9951, 0.9963, 0.9972, 0.9979, 0.9984, 0.9988, 0.9991, 0.9993, 1); } 100% { transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .pfx-s1 * { animation: none !important; } } </style>