alt()->or($file->filename())->value(); $class = isset($class) ? 'class="' . $class . '"' : ''; $lazy = $lazy ?? true; $preset = $preset ?? 'default'; // Sizes attribute - determines which image size the browser should load if (isset($size)) { $sizes = is_numeric($size) ? "(min-width: 1024px) {$size}vw, 100vw" : $size; } else { $sizes = "(min-width: 1024px) 50vw, 100vw"; } // Generate srcsets for WebP and fallback $webpSrcset = $file->srcset('webp'); $srcset = $file->srcset('default'); // Get optimized source URL $src = $file->thumb($preset)->url(); // Get dimensions to avoid layout shift $width = $file->width(); $height = $file->height(); $aspectRatio = $height > 0 ? ($height / $width) * 100 : 0; ?> data-id="uuid() ?>"> <?= $alt ?> style="aspect-ratio: / ;" >