Here is an explanation for my Capsule.
Let's assume the two docking ports as 1 and 2 as given above.
The moment when you tap the port 1, the the whole thing (engine, tanks etc) gets separated from the fairing and goes upwards.
Which results in docking in port 2, and it seems like a port coming above the body.
Similarly when we undock the port 2 the whole body goes in downwards direction again connecting port 1 and we see the port goes inside the fairing.
Below I have give a demonstration of the working of the capsule in two GIFs.
I was able to cover the whole thing but then, it will not be able to show the ports that has to be connected.
So, I decided to have a minimum gap of 0.5 and constructed it in a way that you could dock, undock, on the RCS and on the Engines in one single gap.
I also added two parashoots and solar panels on the corner for landing in case you have no fuel.
I have also given its blueprint and also added a launcher for it having a small payload