Vertically center a block in CSS
<p>I'm trying to achieve following result:</p>

<p><a href="https://i.stack.imgur.com/RKLun.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RKLun.png" alt="enter image description here"></a></p>

<p>How can I vertically align 2nd block to the middle of page. (In mobile devices too)</p>