Intro component with signup form - TailwindCSS

One issue that halted my progress was that when the error signs & messages popped up, the background image looked different relative to the form. This was due to the form growing in size to fit the error messages. To solve it, I ended up using JavaScript to swap Tailwind class names in order to reduce the vertical padding on <main>. Is there a cleaner approach that doesn't rely so much on JavaScript to fix this issue?