How to make the first element of owl carousel the same size and the rest 2 rows smaller?

Question

css

Hello . I can't figure out how to make the first element of the owl carousel One size and the rest of the other size.
There is a carousel like this: jsfiddle.net/zLue8chk/20
I'm trying to make it look like this: https://image.ibb.co/iUFe77/image.png
How to do it. I just tried to make the first element big, but in this case it closes part of the second element

Answer 1

https://codepen.io/topicstarter/pen/eMeEqB is this an option?

Answer 2

Arrange the blocks correctly, one block will be with one picture, the second block will store several pictures, you have everything in a row, work with it.