I have component structure as:

How can i build something similar to this in tailwindcss or css?
[1]:https://i.sstatic.net/BOy0bN8z.png

I have an element that will look something like this:

I have a webpage with a table in which the last column is a button that opens a dropdown menu (for simplicity, the example does not include JS):

This is the code:

This is the code:

I’m working on a React application where I have multiple pricing cards (PricingCard) rendered using Tailwind CSS for styling. Each card consists of several sections, including a bullet points section (features) (i.e. on row 3 (LHS) that can vary in length.

????????????????????????????????????????

In the follow code, I have divs like this:

You can see the code in my github repo,
The problem is that i want the image to be the height of the images to be the full with of the screen and the psicosmith image to be above the background image, but when i zoom it the psicosmith image move.