Align the cards in given way in CSS

Question

Buiding card feature, responsive on all devices. Have built two types, now building for desktop. The final display on desktop should look like this https://i.postimg.cc/T1C33qSw/desktop-design.jpg

I am trying it in the last media queries in the CSS section. Please copy it in your IDE as you can see the responsiveness.
The SoloLearn code is here: https://code.sololearn.com/Wm9F4ADYca4R/#css
The CodePen code is here: https://codepen.io/adarsh-mamgain/pen/WNQRYPB

Please leave your codes in the comment. Thank You in advance

Answer 1

Is there a question ? Because you can't advertise code here

Answer 2

Yep it is a question stuck for a while.
Just giving the content to understand the question.

Answer 3

I would advise to to be more specific about the problem otherwise you won't get much help