.image-container img{@apply max-w-full h-auto;}.lazy-load{@apply transition-all duration-300;}.lazy-load.blur{@apply blur-sm;}.lazy-load.loaded{@apply blur-0;}.lazy-load.placeholder-blur{@apply opacity-70 transition-opacity duration-500;}.lazy-load.placeholder-blur.loaded{@apply opacity-100;}.figure{@apply my-8 text-center;}.figure img{@apply rounded-lg shadow-lg;}.figure figcaption{@apply mt-3 text-sm text-gray-600 dark:text-gray-400 italic;}.image-grid{@apply grid gap-4;}.image-grid.cols-1{@apply grid-cols-1;}.image-grid.cols-2{@apply grid-cols-1 md:grid-cols-2;}.image-grid.cols-3{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-3;}.image-grid.cols-4{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-4;}.gallery{@apply grid gap-4 my-8;}.gallery.gallery-2{@apply grid-cols-1 md:grid-cols-2;}.gallery.gallery-3{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-3;}.gallery.gallery-4{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-4;}.gallery-item{@apply relative overflow-hidden rounded-lg bg-gray-100 dark:bg-gray-800;}.gallery-item img{@apply w-full h-full object-cover transition-transform duration-300 hover:scale-105;}.gallery-item:hover img{@apply scale-105;}.hero-image{@apply relative w-full overflow-hidden rounded-xl;}.hero-image img{@apply w-full h-auto object-cover;}.hero-image.hero-sm{@apply h-64;}.hero-image.hero-md{@apply h-80;}.hero-image.hero-lg{@apply h-96;}.hero-image.hero-xl{@apply h-[32rem];}.image-overlay{@apply absolute inset-0 bg-black/50;}.image-overlay-content{@apply absolute bottom-4 left-4 right-4 text-white;}.image-overlay-title{@apply text-xl font-bold mb-2;}.image-overlay-description{@apply text-sm opacity-90;}.responsive-image{@apply w-full h-auto;}.image-loading{@apply bg-gray-200 dark:bg-gray-700 animate-pulse;}.image-error{@apply bg-gray-100 dark:bg-gray-800 border-2 border-dashed border-gray-300 dark:border-gray-600 flex items-center justify-center text-gray-500 dark:text-gray-400;}.image-comparison{@apply grid grid-cols-1 md:grid-cols-2 gap-4 my-8;}.image-comparison-item{@apply text-center;}.image-comparison-label{@apply text-sm font-medium text-gray-700 dark:text-gray-300 mb-2;}.image-meta{@apply text-xs text-gray-500 dark:text-gray-400 mt-2 space-y-1;}.image-meta-item{@apply flex justify-between;}.test-section{@apply mb-12 p-6 bg-white dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-700;}.test-section-title{@apply text-2xl font-bold text-gray-900 dark:text-white mb-2;}.test-section-description{@apply text-gray-600 dark:text-gray-300 mb-6;}.test-section-content{@apply space-y-6;}.code-example{@apply bg-gray-50 dark:bg-gray-800 p-4 rounded-lg border border-gray-200 dark:border-gray-700 text-sm font-mono;}.code-example pre{@apply whitespace-pre-wrap text-gray-800 dark:text-gray-200;}