Responsive Image Button with Hover Scale

<span class="inline-grid place-items-center shadow-violet-700/30 hover:scale-105 transition-transform duration-300 cursor-pointer xl:pr-12 sm:w-12 sm:h-14 mix-blend-screen w-10 h-12 bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/b304cbec-471a-4817-b8b1-9d33a6c6b1cf_1600w.png)] bg-cover rounded-xl pr-12 pl-8 invert-0" data-element-locator="html &gt; body:nth-of-type(1) &gt; header:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; span:nth-of-type(1)">
</span>