Laravel Blade Image Component

image.blade.php

<div @class(['overflow-hidden', $class])>
    <div
        class="blur-lg bg-cover bg-no-repeat"
        style="background-image: url('{{$placeholder}}');"
    >
        <img
            :key="{{$id}}"
            class="h-full w-full transition duration-200 ease-in opacity-0"
            src="{{$src}}"
            onload="this.classList.remove('opacity-0');
                this.parentNode.classList.remove('blur-lg');"
        >
    </div>
</div>