@props([
    'bg' => 'bg-white',
    'src' => '',
])

<div {{ $attributes->merge(['class' => $bg . ' py-4']) }}>
  <div class="flex">
    <picture class="flex-1">
      <img src="{{ $src }}" class="h-full w-full object-cover object-top" alt="Picture of a pool" width="500"
        height="auto" loading="eager" fetchpriority="high">
    </picture>
    <div class="content flex flex-1 items-center">
      <div class="flex flex-col justify-center pl-28 pr-28">
        {{ $slot }}
        <button type="button" class="btn btn-primary w-fit px-6 py-2 text-lg">Select This Project</button>
      </div>
    </div>
  </div>
</div>