Here is my current fiddle:
https://jsfiddle.net/w5c36epd/
Upon close inspection, you may notice that the logo is not properly centered. I have experiment with various flexbox options such as:
<div class="flex-shrink-0 justify-center">
<img class="h-64 w-64" src="../../assets/images/logo.svg" alt="Workflow logo">
</div>
Despite my efforts, I cannot seem to align it correctly.
What could I be overlooking?