Move top apex to bottom right of big square, and area stays the same (why?). Now move bottom apex to bottom right of middle square, and area still stays the same. But you’ve ended up with triangle half the middle square so area 10.
Move top apex to bottom right of big square, and area stays the same (why?). Now move bottom apex to bottom right of middle square, and area still stays the same. But you’ve ended up with triangle half the middle square so area 10.