The capacitor and resistor are arranged to create spikes.
By pulling the left end of the capacitor high or low, you create a spike to the right of it.
A positive-going edge results in a spike quickly upward, then less quickly downward to zero.
A negative-going edge results in a spike quickly downward, then less quickly upward to zero.
A simple logic gate changes state when the input crosses a volt threshold in the middle region.
By the way, the inverter input is exposed to negative polarity in your image #1. This is supposed to be bad for a real digital device.
If you didn't know all of the above, perhaps it enables you to figure out what happens.
But after saying all that, it's easier to watch it in a simulator, than to read a long explanation.
Have you tried the animated simulator at
www.falstad.com/circuit?
On the other hand, there's nothing wrong with wanting to figure it out yourself. It's an excellent trait, to want to think things through. It got Sherlock Holmes where he is.
It's just that the electronics field has become so vast, that you might as well make it easy on yourself.
So I used a simulator to see what is going on. The falstad simulator can react immediately to your input, and plot response graphs. I could easily post the image here, but I suspect you do not want to have the answer handed to you.
By the way, your images appear fine. However the links go to '404 not found'. They are truncated in your post.
I often use
www.tinyurl.com to shorten a long web link.