.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}