How to implement such a slider in Wordpress?

Question

WordPress

Here is the slider code https://jsfiddle.net/sk0fntoy/. There should be 4 slides, in one slider there are 3 blocks. One on the left is large and two on the right are smaller. This can be seen from the layout structure. You need to display a maximum of 12 posts, i.e. there will be 4 slides and 3 blocks in each. If you just take everything in a loop, then it displays the same posts and 12 slides on one slide, because 'posts_per_page' => 12 is indicated here. As I understand it, you need to create a variable, for example i and divide it by 3 and reset it at the end, like then so. But I don't get out. It's all in the code. What do I need to fix there so that 3 blocks are displayed in each slide and each block has its own post?

Answer 1

Is it really that hard to use search?
How to wrap a div every 3 entries?