app/components/tailwind/centre_block_with_image.html.erb
<%# extra classes are at the end so they can't override %>
<div class="flex flex-col items-center max-w-2xl m-auto text-center gap-8 <%= @extra_classes %>">
<%= render Tailwind::Heading.new(tag: :h1) do %>
<%= heading %>
<% end %>
<div class="flex flex-col-reverse items-center gap-8 sm:flex-col">
<div class="max-w-[300px] mt-8 sm:max-w-[425px] sm:mt-0">
<%= image %>
</div>
<div class="flex flex-col items-center sm:mt-8">
<%= content %>
</div>
</div>
</div>