diff --git a/Classes/DataProcessing/ResponsiveImagesProcessor.php b/Classes/DataProcessing/ResponsiveImagesProcessor.php
index bd1608c..5f80fb3 100644
--- a/Classes/DataProcessing/ResponsiveImagesProcessor.php
+++ b/Classes/DataProcessing/ResponsiveImagesProcessor.php
@@ -26,7 +26,9 @@
 use Codappix\ResponsiveImages\Domain\Factory\BreakpointFactory;
 use Codappix\ResponsiveImages\Domain\Factory\RootlineFactory;
 use RuntimeException;
+use TYPO3\CMS\ContentBlocks\DataProcessing\ContentBlockData;
 use TYPO3\CMS\Core\Resource\FileInterface;
+use TYPO3\CMS\Core\Resource\FileRepository;
 use TYPO3\CMS\Frontend\ContentObject\ContentObjectRenderer;
 use TYPO3\CMS\Frontend\ContentObject\DataProcessorInterface;
 use TYPO3\CMS\Frontend\Controller\TypoScriptFrontendController;
@@ -42,7 +44,10 @@ final class ResponsiveImagesProcessor implements DataProcessorInterface
 
     private array $contentElementSizes = [];
 
+    private array $processedData = [];
+
     public function __construct(
+        private readonly FileRepository $fileRepository,
         private readonly BreakpointFactory $breakpointFactory,
         private readonly RootlineFactory $rootlineFactory
     ) {
@@ -54,10 +59,14 @@ public function process(
         array $processorConfiguration,
         array $processedData
     ): array {
+        $this->calculatedFiles = [];
+
         if (isset($processorConfiguration['if.']) && !$cObj->checkIf($processorConfiguration['if.'])) {
             return $processedData;
         }
 
+        $this->processedData = $processedData;
+
         $filesDataKey = (string) $cObj->stdWrapValue(
             'filesDataKey',
             $processorConfiguration,
@@ -68,10 +77,17 @@ public function process(
             $processorConfiguration,
             'image'
         );
-        if (isset($processedData[$filesDataKey]) && is_array($processedData[$filesDataKey])) {
-            $this->files = $processedData[$filesDataKey];
-        } else {
-            // Files key is empty or not configured.
+        $targetFieldName = (string) $cObj->stdWrapValue(
+            'as',
+            $processorConfiguration,
+            'responsiveImages'
+        );
+
+        $this->files = $this->getFiles($filesDataKey, $fieldName);
+
+        if (empty($this->files)) {
+            $processedData[$targetFieldName] = [];
+
             return $processedData;
         }
 
@@ -80,16 +96,10 @@ public function process(
             throw new RuntimeException('Could not fetch TypoScriptFrontendController from request.', 1712819889);
         }
 
-        $rootline = $this->rootlineFactory->create($processedData['data'], $fieldName, $tsfe);
+        $rootline = $this->rootlineFactory->create($this->getData(), $fieldName, $tsfe);
         $this->contentElementSizes = $rootline->getFinalSize();
         $this->calculateFileDimensions();
 
-        $targetFieldName = (string) $cObj->stdWrapValue(
-            'as',
-            $processorConfiguration,
-            'responsiveImages'
-        );
-
         $processedData[$targetFieldName] = $this->calculatedFiles;
 
         return $processedData;
@@ -126,4 +136,43 @@ private function calculateFileDimensionForBreakpoints(): array
 
         return $fileDimensions;
     }
+
+    private function getData(): array
+    {
+        if (
+            $this->processedData['data'] instanceof ContentBlockData
+        ) {
+            assert(is_array($this->processedData['data']->_raw));
+            $data = $this->processedData['data']->_raw;
+        } else {
+            assert(is_array($this->processedData['data']));
+            $data = $this->processedData['data'];
+        }
+
+        return $data;
+    }
+
+    private function getFiles(string $filesDataKey, string $fieldName): array
+    {
+        if (
+            isset($this->processedData[$filesDataKey])
+            && is_array($this->processedData[$filesDataKey])
+        ) {
+            return $this->processedData[$filesDataKey];
+        }
+
+        if ($fieldName === '') {
+            return [];
+        }
+
+        if ($this->processedData['data'] instanceof ContentBlockData) {
+            return $this->processedData['data']->{$fieldName};
+        }
+
+        return $this->fileRepository->findByRelation(
+            'tt_content',
+            $fieldName,
+            $this->processedData['data']['uid']
+        );
+    }
 }
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/0colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/0colDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/0colDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/0colDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/0colImageFixWidthDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/0colImageFixWidthDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/0colImageFixWidthDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/0colImageFixWidthDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/1col2colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/1col2colDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/1col2colDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/1col2colDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/1col2colFullWidthDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/1col2colFullWidthDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/1col2colFullWidthDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/1col2colFullWidthDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/1col2colWidthContainerMultiplierDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/1col2colWidthContainerMultiplierDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/1col2colWidthContainerMultiplierDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/1col2colWidthContainerMultiplierDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/1col2colWidthContainerSizeDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/1col2colWidthContainerSizeDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/1col2colWidthContainerSizeDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/1col2colWidthContainerSizeDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/1colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/1colDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/1colDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/1colDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/1colFullWidthDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/1colFullWidthDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/1colFullWidthDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/1colFullWidthDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/2col2colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/2col2colDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/2col2colDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/2col2colDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/2col_50_50_Database.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/2col_50_50_Database.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/2col_50_50_Database.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/2col_50_50_Database.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/2col_66_33_ImageLeft_Database.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/2col_66_33_ImageLeft_Database.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/2col_66_33_ImageLeft_Database.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/2col_66_33_ImageLeft_Database.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/2col_66_33_ImageRight_Database.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/2col_66_33_ImageRight_Database.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/2col_66_33_ImageRight_Database.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/2col_66_33_ImageRight_Database.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/3colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/3colDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/3colDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/3colDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/3colImageFixWidthDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/Content/3colImageFixWidthDatabase.php
similarity index 100%
rename from Tests/Fixtures/container_example/Test/Fixtures/3colImageFixWidthDatabase.php
rename to Tests/Fixtures/container_example/Test/Fixtures/Content/3colImageFixWidthDatabase.php
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/0colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/0colDatabase.php
new file mode 100644
index 0000000..8430b7f
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/0colDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][1]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/0colImageFixWidthDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/0colImageFixWidthDatabase.php
new file mode 100644
index 0000000..ef1e319
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/0colImageFixWidthDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][1]['CType'] = 'codappix_imagefixedwidth';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colDatabase.php
new file mode 100644
index 0000000..72a566c
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][2]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colFullWidthDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colFullWidthDatabase.php
new file mode 100644
index 0000000..72a566c
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colFullWidthDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][2]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colWidthContainerMultiplierDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colWidthContainerMultiplierDatabase.php
new file mode 100644
index 0000000..72a566c
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colWidthContainerMultiplierDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][2]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colWidthContainerSizeDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colWidthContainerSizeDatabase.php
new file mode 100644
index 0000000..72a566c
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1col2colWidthContainerSizeDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][2]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1colDatabase.php
new file mode 100644
index 0000000..8430b7f
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1colDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][1]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1colFullWidthDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1colFullWidthDatabase.php
new file mode 100644
index 0000000..8430b7f
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/1colFullWidthDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][1]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col2colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col2colDatabase.php
new file mode 100644
index 0000000..72a566c
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col2colDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][2]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col_50_50_Database.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col_50_50_Database.php
new file mode 100644
index 0000000..8430b7f
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col_50_50_Database.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][1]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col_66_33_ImageLeft_Database.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col_66_33_ImageLeft_Database.php
new file mode 100644
index 0000000..8430b7f
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col_66_33_ImageLeft_Database.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][1]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col_66_33_ImageRight_Database.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col_66_33_ImageRight_Database.php
new file mode 100644
index 0000000..8430b7f
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/2col_66_33_ImageRight_Database.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][1]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/3colDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/3colDatabase.php
new file mode 100644
index 0000000..8430b7f
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/3colDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][1]['CType'] = 'codappix_image';
+
+return $configuration;
diff --git a/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/3colImageFixWidthDatabase.php b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/3colImageFixWidthDatabase.php
new file mode 100644
index 0000000..d591003
--- /dev/null
+++ b/Tests/Fixtures/container_example/Test/Fixtures/ContentBlocks/3colImageFixWidthDatabase.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+$pathinfo = pathinfo(__FILE__);
+$path = $pathinfo['dirname'] . '/../Content/' . $pathinfo['basename'];
+$configuration = include $path;
+
+$configuration['tt_content'][2]['CType'] = 'codappix_imagefixedwidth';
+
+return $configuration;
diff --git a/Tests/Fixtures/content_blocks_example/Configuration/TSconfig/Page/Backend_Layouts.tsconfig b/Tests/Fixtures/content_blocks_example/Configuration/TSconfig/Page/Backend_Layouts.tsconfig
new file mode 100644
index 0000000..2a2ce24
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/Configuration/TSconfig/Page/Backend_Layouts.tsconfig
@@ -0,0 +1,22 @@
+mod.web_layout.BackendLayouts {
+    MainTemplate {
+        title = MainTemplate
+        name = MainTemplate
+        config {
+            backend_layout {
+                colCount = 1
+                rowCount = 1
+                rows {
+                    1 {
+                        columns {
+                            1 {
+                                name = Main Content
+                                colPos = 0
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/ContentElements/codappix_image.typoscript b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/ContentElements/codappix_image.typoscript
new file mode 100644
index 0000000..903dda2
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/ContentElements/codappix_image.typoscript
@@ -0,0 +1,26 @@
+tt_content.codappix_image {
+    dataProcessing {
+        100 = Codappix\ResponsiveImages\DataProcessing\ResponsiveImagesProcessor
+        100 {
+            fieldName = image
+        }
+    }
+}
+
+plugin.tx_responsiveimages {
+    settings {
+        contentelements {
+            codappix_image {
+                image {
+                    multiplier {
+                        xs = 1
+                        sm = 1
+                        md = 1
+                        lg = 1
+                        xl = 0.5
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/ContentElements/codappix_imagefixedwidth.typoscript b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/ContentElements/codappix_imagefixedwidth.typoscript
new file mode 100644
index 0000000..6c827d8
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/ContentElements/codappix_imagefixedwidth.typoscript
@@ -0,0 +1,26 @@
+tt_content.codappix_imagefixedwidth {
+    dataProcessing {
+        100 = Codappix\ResponsiveImages\DataProcessing\ResponsiveImagesProcessor
+        100 {
+            fieldName = image
+        }
+    }
+}
+
+plugin.tx_responsiveimages {
+    settings {
+        contentelements {
+            codappix_imagefixedwidth {
+                image {
+                    sizes {
+                        xs = 600
+                        sm = 900
+                        md = 1200
+                        lg = 1600
+                        xl = 1600
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/Extensions/responsive_images/Setup.typoscript b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/Extensions/responsive_images/Setup.typoscript
new file mode 100644
index 0000000..0db48c6
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/Extensions/responsive_images/Setup.typoscript
@@ -0,0 +1,49 @@
+plugin.tx_responsiveimages {
+    settings {
+        breakpoints {
+            xs {
+                cropVariant = mobile
+                max = 480
+            }
+            sm {
+                cropVariant = mobile
+                max = 767
+            }
+            md {
+                cropVariant = tablet
+                max = 991
+            }
+            lg {
+                cropVariant = default
+                max = 1479
+            }
+            xl {
+                cropVariant = large
+                min = 1480
+            }
+        }
+
+        backendlayouts {
+            pagets__MainTemplate {
+                sizes {
+                    xs = 734
+                    sm = 704
+                    md = 924
+                    lg = 1124
+                    xl = 1124
+                }
+                columns {
+                    0 {
+                        multiplier {
+                            xs = 1
+                            sm = 1
+                            md = 1
+                            lg = 1
+                            xl = 1
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/Rendering.typoscript b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/Rendering.typoscript
new file mode 100644
index 0000000..0ac066c
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/Rendering.typoscript
@@ -0,0 +1,9 @@
+page = PAGE
+page {
+    10 < styles.content.get
+
+    config {
+       disableAllHeaderCode = 1
+       admPanel = 0
+    }
+}
diff --git a/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/Setup.typoscript b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/Setup.typoscript
new file mode 100644
index 0000000..1a2a0ce
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/Configuration/TypoScript/Setup.typoscript
@@ -0,0 +1,2 @@
+<INCLUDE_TYPOSCRIPT: source="DIR:EXT:content_blocks_example/Configuration/TypoScript/ContentElements/">
+<INCLUDE_TYPOSCRIPT: source="DIR:EXT:content_blocks_example/Configuration/TypoScript/Extensions/">
diff --git a/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/Assets/Icon.svg b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/Assets/Icon.svg
new file mode 100644
index 0000000..54568d7
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/Assets/Icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><path fill="#59F" d="M1 2h14v12H1V2z"/><path d="M14 3v10H2V3h12m1-1H1v12h14V2z" opacity=".2"/><path fill="#E9F2FF" d="M11 8.7 7 13h7v-1.4z"/><path fill="#ACF" d="M2 9.8V13h9L5 6.5z"/><circle cx="11" cy="6" r="1" fill="#FFF"/></svg>
diff --git a/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/EditorInterface.yaml b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/EditorInterface.yaml
new file mode 100644
index 0000000..d315456
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/EditorInterface.yaml
@@ -0,0 +1,12 @@
+name: codappix/image-fixed-width
+title: codappix/image-fixed-width
+description: 'Description for Content Element codappix/image-fixed-width'
+group: common
+prefixFields: true
+prefixType: full
+fields:
+  -
+    identifier: image
+    useExistingField: true
+    type: File
+    allowed: common-image-types
diff --git a/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/Source/Frontend.html b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/Source/Frontend.html
new file mode 100644
index 0000000..e0f3a22
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/Source/Frontend.html
@@ -0,0 +1,7 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:spaceless>
+<f:for each="{responsiveImages}" as="image">
+<f:if condition="{image}"><f:for each="{image.sizes}" as="size" iteration="sizeIterator">{size.breakpoint.cropVariant} {size.size} {size.breakpoint.mediaQuery}</f:for></f:if>
+</f:for>
+</f:spaceless>
+</html>
diff --git a/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/Source/Language/Labels.xlf b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/Source/Language/Labels.xlf
new file mode 100644
index 0000000..43009e5
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image-fixed-width/Source/Language/Labels.xlf
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+    <file datatype="plaintext" original="Labels.xlf" source-language="en" date="2024-04-16T13:20:57+00:00" product-name="codappix/image-fixed-width">
+        <header/>
+        <body>
+            <trans-unit id="title" resname="title">
+                <source>codappix/image-fixed-width</source>
+            </trans-unit>
+            <trans-unit id="description" resname="description">
+                <source>Description for Content Element codappix/image-fixed-width</source>
+            </trans-unit>
+            <trans-unit id="image.label" resname="image.label">
+                <source>Custom image label</source>
+            </trans-unit>
+        </body>
+    </file>
+</xliff>
diff --git a/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/Assets/Icon.svg b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/Assets/Icon.svg
new file mode 100644
index 0000000..54568d7
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/Assets/Icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><path fill="#59F" d="M1 2h14v12H1V2z"/><path d="M14 3v10H2V3h12m1-1H1v12h14V2z" opacity=".2"/><path fill="#E9F2FF" d="M11 8.7 7 13h7v-1.4z"/><path fill="#ACF" d="M2 9.8V13h9L5 6.5z"/><circle cx="11" cy="6" r="1" fill="#FFF"/></svg>
diff --git a/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/EditorInterface.yaml b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/EditorInterface.yaml
new file mode 100644
index 0000000..14b4f30
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/EditorInterface.yaml
@@ -0,0 +1,12 @@
+name: codappix/image
+title: codappix/image
+description: 'Description for Content Element codappix/image'
+group: common
+prefixFields: true
+prefixType: full
+fields:
+  -
+    identifier: image
+    useExistingField: true
+    type: File
+    allowed: common-image-types
diff --git a/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/Source/Frontend.html b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/Source/Frontend.html
new file mode 100644
index 0000000..e0f3a22
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/Source/Frontend.html
@@ -0,0 +1,7 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:spaceless>
+<f:for each="{responsiveImages}" as="image">
+<f:if condition="{image}"><f:for each="{image.sizes}" as="size" iteration="sizeIterator">{size.breakpoint.cropVariant} {size.size} {size.breakpoint.mediaQuery}</f:for></f:if>
+</f:for>
+</f:spaceless>
+</html>
diff --git a/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/Source/Language/Labels.xlf b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/Source/Language/Labels.xlf
new file mode 100644
index 0000000..209f583
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/ContentBlocks/ContentElements/image/Source/Language/Labels.xlf
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+    <file datatype="plaintext" original="Labels.xlf" source-language="en" date="2024-04-16T13:20:57+00:00" product-name="codappix/image">
+        <header/>
+        <body>
+            <trans-unit id="title" resname="title">
+                <source>codappix/image</source>
+            </trans-unit>
+            <trans-unit id="description" resname="description">
+                <source>Description for Content Element codappix/image</source>
+            </trans-unit>
+            <trans-unit id="image.label" resname="image.label">
+                <source>Custom image label</source>
+            </trans-unit>
+        </body>
+    </file>
+</xliff>
diff --git a/Tests/Fixtures/content_blocks_example/Test/Fixtures/0colDatabase.php b/Tests/Fixtures/content_blocks_example/Test/Fixtures/0colDatabase.php
new file mode 100644
index 0000000..71d44e4
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/Test/Fixtures/0colDatabase.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'tt_content' => [
+        1 => [
+            'uid' => '1',
+            'pid' => '2',
+            'hidden' => '0',
+            'sorting' => '1',
+            'CType' => 'codappix_image',
+            'header' => 'codappix_image',
+            'deleted' => '0',
+            'starttime' => '0',
+            'endtime' => '0',
+            'colPos' => '0',
+            'sys_language_uid' => '0',
+            'image' => '1',
+        ],
+    ],
+    'sys_file_reference' => [
+        0 => [
+            'uid' => '1',
+            'pid' => '2',
+            'uid_local' => '1',
+            'uid_foreign' => '1',
+            'tablenames' => 'tt_content',
+            'fieldname' => 'image',
+        ],
+    ],
+];
diff --git a/Tests/Fixtures/content_blocks_example/Test/Fixtures/0colImageFixWidthDatabase.php b/Tests/Fixtures/content_blocks_example/Test/Fixtures/0colImageFixWidthDatabase.php
new file mode 100644
index 0000000..82bd96a
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/Test/Fixtures/0colImageFixWidthDatabase.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'tt_content' => [
+        1 => [
+            'uid' => '1',
+            'pid' => '2',
+            'hidden' => '0',
+            'sorting' => '1',
+            'CType' => 'codappix_imagefixedwidth',
+            'header' => 'codappix_imagefixedwidth',
+            'deleted' => '0',
+            'starttime' => '0',
+            'endtime' => '0',
+            'colPos' => '0',
+            'sys_language_uid' => '0',
+            'image' => '1',
+        ],
+    ],
+    'sys_file_reference' => [
+        0 => [
+            'uid' => '1',
+            'pid' => '2',
+            'uid_local' => '1',
+            'uid_foreign' => '1',
+            'tablenames' => 'tt_content',
+            'fieldname' => 'image',
+        ],
+    ],
+];
diff --git a/Tests/Fixtures/content_blocks_example/composer.json b/Tests/Fixtures/content_blocks_example/composer.json
new file mode 100644
index 0000000..6221e75
--- /dev/null
+++ b/Tests/Fixtures/content_blocks_example/composer.json
@@ -0,0 +1,15 @@
+{
+    "name": "codappix/content_blocks_example",
+    "description": "Add a content blocks example for frontend tests",
+    "type": "typo3-cms-extension",
+    "license": "GPL-2.0-or-later",
+    "require": {
+        "typo3/cms-core": "*",
+        "codappix/typo3-responsive-images": "*"
+    },
+    "extra": {
+        "typo3/cms": {
+            "extension-key": "content_blocks_example"
+        }
+    }
+}
diff --git a/Tests/Functional/ContainerTest.php b/Tests/Functional/ContainerTest.php
index 1e69457..f635893 100644
--- a/Tests/Functional/ContainerTest.php
+++ b/Tests/Functional/ContainerTest.php
@@ -42,8 +42,10 @@ protected function setUp(): void
         $this->testExtensionsToLoad = [
             'b13/container',
             'codappix/typo3-responsive-images',
+            'contentblocks/content-blocks',
             'typo3conf/ext/responsive_images/Tests/Fixtures/base_example',
             'typo3conf/ext/responsive_images/Tests/Fixtures/container_example',
+            'typo3conf/ext/responsive_images/Tests/Fixtures/content_blocks_example',
         ];
 
         $this->pathsToLinkInTestInstance = [
@@ -60,6 +62,8 @@ protected function setUp(): void
             'EXT:base_example/Configuration/TypoScript/Setup.typoscript',
             'EXT:base_example/Configuration/TypoScript/Rendering.typoscript',
             'EXT:container_example/Configuration/TypoScript/Setup.typoscript',
+            'EXT:content_blocks_example/Configuration/TypoScript/ContentElements/codappix_image.typoscript',
+            'EXT:content_blocks_example/Configuration/TypoScript/ContentElements/codappix_imagefixedwidth.typoscript',
         ]);
     }
 
@@ -211,7 +215,25 @@ public static function imageScalingValuesDataProvider(): iterable
     #[DataProvider(methodName: 'imageScalingValuesDataProvider')]
     public function imageIsScaledCorrectly(string $phpDataSet, array $expectedValues): void
     {
-        $this->importPHPDataSet(__DIR__ . '/../Fixtures/container_example/Test/Fixtures/' . $phpDataSet);
+        $this->importPHPDataSet(__DIR__ . '/../Fixtures/container_example/Test/Fixtures/Content/' . $phpDataSet);
+
+        $request = new InternalRequest();
+        $request = $request->withPageId(2);
+
+        $result = $this->executeFrontendSubRequest($request);
+
+        self::assertSame(200, $result->getStatusCode());
+
+        foreach ($expectedValues as $expectedValue) {
+            self::assertStringContainsString($expectedValue, (string) $result->getBody());
+        }
+    }
+
+    #[Test]
+    #[DataProvider(methodName: 'imageScalingValuesDataProvider')]
+    public function contentBlocksImageIsScaledCorrectly(string $phpDataSet, array $expectedValues): void
+    {
+        $this->importPHPDataSet(__DIR__ . '/../Fixtures/container_example/Test/Fixtures/ContentBlocks/' . $phpDataSet);
 
         $request = new InternalRequest();
         $request = $request->withPageId(2);
diff --git a/Tests/Functional/ContentBlocksTest.php b/Tests/Functional/ContentBlocksTest.php
new file mode 100644
index 0000000..7e245e3
--- /dev/null
+++ b/Tests/Functional/ContentBlocksTest.php
@@ -0,0 +1,100 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Codappix\ResponsiveImages\Tests;
+
+/*
+ * Copyright (C) 2024 Daniel Gohlke <daniel.gohlke@codappix.com>
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
+ * 02110-1301, USA.
+ */
+
+use Codappix\Typo3PhpDatasets\TestingFramework;
+use PHPUnit\Framework\Attributes\DataProvider;
+use PHPUnit\Framework\Attributes\Test;
+use TYPO3\TestingFramework\Core\Functional\Framework\Frontend\InternalRequest;
+use TYPO3\TestingFramework\Core\Functional\FunctionalTestCase;
+
+class ContentBlocksTest extends FunctionalTestCase
+{
+    use TestingFramework;
+
+    protected function setUp(): void
+    {
+        $this->testExtensionsToLoad = [
+            'codappix/typo3-responsive-images',
+            'contentblocks/content-blocks',
+            'typo3conf/ext/responsive_images/Tests/Fixtures/content_blocks_example',
+        ];
+
+        $this->pathsToLinkInTestInstance = [
+            'typo3conf/ext/responsive_images/Tests/Fixtures/fileadmin/test_data' => 'fileadmin/test_data',
+            'typo3conf/ext/responsive_images/Tests/Fixtures/config/sites' => 'typo3conf/sites',
+        ];
+
+        parent::setUp();
+
+        $this->importPHPDataSet(__DIR__ . '/../Fixtures/BaseDatabase.php');
+        $this->setUpFrontendRootPage(1, [
+            'EXT:responsive_images/Configuration/TypoScript/Setup.typoscript',
+            'EXT:content_blocks_example/Configuration/TypoScript/Setup.typoscript',
+            'EXT:content_blocks_example/Configuration/TypoScript/Rendering.typoscript',
+        ]);
+    }
+
+    public static function imageScalingValuesDataProvider(): iterable
+    {
+        yield '0 Column' => [
+            '0colDatabase.php',
+            [
+                '0' => 'mobile 734 (max-width: 480px)',
+                '1' => 'mobile 704 (max-width: 767px)',
+                '2' => 'tablet 924 (max-width: 991px)',
+                '3' => 'default 1124 (max-width: 1479px)',
+                '4' => 'large 562 (min-width: 1480px)',
+            ],
+        ];
+        yield '0 Column with ImageFixWidth' => [
+            '0colImageFixWidthDatabase.php',
+            [
+                '0' => 'mobile 600 (max-width: 480px)',
+                '1' => 'mobile 900 (max-width: 767px)',
+                '2' => 'tablet 1200 (max-width: 991px)',
+                '3' => 'default 1600 (max-width: 1479px)',
+                '4' => 'large 1600 (min-width: 1480px)',
+            ],
+        ];
+    }
+
+    #[Test]
+    #[DataProvider(methodName: 'imageScalingValuesDataProvider')]
+    public function imageIsScaledCorrectly(string $phpDataSet, array $expectedValues): void
+    {
+        $this->importPHPDataSet(__DIR__ . '/../Fixtures/content_blocks_example/Test/Fixtures/' . $phpDataSet);
+
+        $request = new InternalRequest();
+        $request = $request->withPageId(2);
+
+        $result = $this->executeFrontendSubRequest($request);
+
+        self::assertSame(200, $result->getStatusCode());
+
+        foreach ($expectedValues as $expectedValue) {
+            self::assertStringContainsString($expectedValue, (string) $result->getBody());
+        }
+    }
+}
diff --git a/composer.json b/composer.json
index b61cf62..f869944 100644
--- a/composer.json
+++ b/composer.json
@@ -34,6 +34,7 @@
     "require-dev": {
         "b13/container": "^2.3",
         "codappix/typo3-php-datasets": "^1.5",
+        "contentblocks/content-blocks": "^0.7",
         "erickskrauch/php-cs-fixer-custom-fixers": "^1.2",
         "friendsofphp/php-cs-fixer": "^3.50",
         "kubawerlos/php-cs-fixer-custom-fixers": "^3.21",