Responsive base apparel coming soon page using tailwind, grid and flex

Learned to make custom gradient in tailwind css (with a custom angle). Tailwind css has a lot of inbuilt linear gradients so till now there had never been a need to create a custom gradient.

I read up on Functional images to try and include correct accessibility for the different types of images used (Logo images inside a tags, images inside buttons). Would like to know more resources to improve accessibility.

Made the feedback message absolute positioned. Before making it absolutely positioned it was causing the size of the image of the model (on the right hand side) to increase when feedback was added to the screen.

Added the error icon as a pseudo element of button for ease of positioning it. I am not sure if it is a correct practice or not. Initially I tried with a span for the icon but positioning it to the left of the button was a little more tricking (specially for differnet screen sizes.)

The layout doesn't look too great on very large screens. I tried keeping the text close to the image for larger screens so that there is not a huge gap between the side by side layout of text and image. However it doesn't look too good. Would like to learn ways to improve it.