I have like to use tailwind css to position an image over another and I wonder how this can actually be done using mainly tailwind utility classes.

Now I am using:

style="top: 200px; left: 260px;"

Though it works but I have like to use tailwind classes such as

class="top-200 left-260"

I tried a couple of tailwind classes but I could not get it to work.

<div class="relative">

    <div>

      <img

        class="absolute mt-5 ml-0"

        src="@/assets/floor_image.jpg"

        width="600"

      />

    </div>

    <div>

      <img

        src="@/assets/blue_golf.png"

        style="top: 200px; left: 260px;"

        class="cursor-pointer absolute"

      />

    </div>

</div>