Styling grid row in custom code

Hey I really need someones help with this part I can’t seem to figure out!

I have a CSS grid that is styled differently on each break point natively in Webflow. This all works great. However I am trying to style it for iPad Pro breakpoint so need to use some custom code.

The only part I can’t seem to style is how the first cell is automatically taking up 2 rows (see screenshot below). I can’t figure out which CSS element I need to style to change that? When I look at the CSS preview in webflow, it seems to be styled using Block:local-styles - but I’m not sure what that is?

Any help would be amazing, i’m trying to get this site finished!


Here is my site Read-Only: https://preview.webflow.com/preview/alistairs-first-project-e51933?utm_medium=preview_link&utm_source=designer&utm_content=alistairs-first-project-e51933&preview=e1a199d7e64f21fe4b3bab59797f528c&pageId=5fb650ff23eddd108e27fa31&mode=preview
(how to share your site Read-Only link)