Responsive Card Component with Flex and Grid decisions

Get stuck with Grid while moving from desktop version to mobile version (moving from two columns version to two rows version), The first problem was to get rows like the first 50% of height and the second 100% 0f height. The second problem was to set the right piece of img. in the first row. Did it as I could, but I need to see the best practice for it.