求解：每段的25%是干什么的？

<section style="display: inline-block;width: 100%;vertical-align: top;overflow-x: auto;">
      <section style="display: flex;overflow: hidden;width: 500%;max-width: 500% !important;">
        <section style="display: inline-block;vertical-align: middle;width: 25%;">
          <section style="text-align: center;margin: -5px 0%;width: 100%;">
            <section style="vertical-align: middle;display: inline-block;line-height: 0;width: 100%;">
              <svg style="background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_jpg/p9ic5OW5g1B0ShcGY1QhlyibdHPUjvTTcXKXCzXGT6F9JNmS3icO9pAITcVZvKRoJwC8Y8QDj0drBjiclU4PRM89zw/0?wx_fmt=jpeg;);background-size: 100%;display: block;"
               viewBox="0 0 1080 1925">
                <g>
                  <animateTransform attributeName="transform" type="translate" values="0 0;-50 0" repeatCount="indefinite" dur="2.5s"></animateTransform>
                  <animate attributeName="opacity" values="0;1;0" dur="2.5s" repeatCount="indefinite"></animate>
                  <text transform="translate(500 1800)" font-size="38px" fill="#f9f9f9">
                    <<< 滑动查看更多</text> 
                </g> 
              </svg> 
            </section> 
          </section> 
        </section> 
        <section style="display: inline-block;vertical-align: top;width: 25%;">
          <section style="text-align: center;margin: -5px 0%;width: 100%;">
            <section style="vertical-align: middle;display: inline-block;line-height: 0;width: 100%;">
              <svg style="background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_jpg/tK5UlUmEj5oVfDXHk42IpKpuzHRv9icVGVrTeu4GoW7sT3qN9ZxS8zsQfl5gf3bia9F7dmMYqrrLz3sJvLAjospg/0?wx_fmt=jpeg&quot;);background-size: 100%;display: block;"
               viewBox="0 0 1080 1925">
              </svg>
            </section>
          </section>
        </section>
        <section style="display: inline-block;vertical-align: top;width: 25%;">
          <section style="text-align: center;margin: -5px 0%;width: 100%;">
            <section style="vertical-align: middle;display: inline-block;line-height: 0;width: 100%;">
              <svg style="background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_jpg/tK5UlUmEj5oVfDXHk42IpKpuzHRv9icVGkXzn8QvZnxcia7wsosmG3BCLNCnKypRw3rO2xpwK3lhgV6VWMadQQtA/0?wx_fmt=jpeg&quot;);background-size: 100%;display: block;"
               viewBox="0 0 1080 1925">
              </svg>
            </section>
          </section>
        </section>
        <section style="display: inline-block;vertical-align: top;width: 25%;">
          <section style="text-align: center;margin: -5px 0%;width: 100%;">
            <section style="vertical-align: middle;display: inline-block;line-height: 0;width: 100%;">
              <svg style="background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_jpg/tK5UlUmEj5oVfDXHk42IpKpuzHRv9icVGDwWNfqc14ibUfJiaB8lSGyUAeePCwYq7uPqNeHP2WPGVtbLkTvFHzetQ/0?wx_fmt=jpeg&quot;);background-size: 100%;display: block;"
               viewBox="0 0 1080 1925"> 
              </svg>
			</section>
		 </section>
	   </section>
		<section style="display: inline-block;vertical-align: top;width: 25%;">
		  <section style="text-align: center;margin: -5px 0%;width: 100%;">
		    <section style="vertical-align: middle;display: inline-block;line-height: 0;width: 100%;">
		      <svg style="background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_jpg/p9ic5OW5g1B0ShcGY1QhlyibdHPUjvTTcXIV3Wicb8czZ6x37Y6pfsVq9f7JZ6ZTK6iaEm6BfStSkwgQq71w5ho3Nw/0?wx_fmt=jpeg;);background-size: 100%;display: block;"
		       viewBox="0 0 1080 1925"> 

大神可以评价这段代码么？那个25%是干什么的？

占当前父元素宽的25%