Responsive multi-picture rotation, can the pictures in it be set to a percentage width?

now want to implement a multi-graph carousel, and it is responsive.
as shown in figure

clipboard.png
when you want to reduce the width of the browser, there are always 4 images, but because one of the outer div of the four images is she Ding to width=1000000px;, the div of the image cannot be set to width:20%;. Is there any way to implement
?

<div id="1" width:100%>
    <div id="2" width:100000px;><!---->
        <div id="3" width:100%><!--divdiv-->
            <div width:25%><img src=""></div>
            <div width:25%><img src=""></div>
            <div width:25%><img src=""></div>
            <div width:25%><img src=""></div>
        </div>
    </div>
</div>
Jan.12,2022

remove your div element with a width of 100000px .

Menu