<div data-content-type="html" data-appearance="default" data-element="main">&lt;section class="brand"&gt;
    &lt;div class="container mx-auto py-6"&gt;
        &lt;h2 class="text-center font-bold mb-6 text-3xl text-blue-900"&gt;Brands Test&lt;/h2&gt;
        &lt;div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-9"&gt;
            &lt;!-- Brand 1 --&gt;
            &lt;div class="block flex flex-col items-center"&gt;
                &lt;img src="{{media url=.renditions/wysiwyg/test_image.jpg}}" alt="" class="rounded-lg shadow-lg mb-4" /&gt;
                &lt;div class="top-brand"&gt;

                    &lt;img src="{{media url=.renditions/wysiwyg/1.png}}" alt="Joseph Miles" class="" /&gt;
                &lt;/div&gt;

            &lt;/div&gt;
            &lt;!-- Brand 2 --&gt;
            &lt;div class="block flex flex-col items-center"&gt;

                &lt;img src="{{media url=.renditions/wysiwyg/2.png}}" alt="" class="rounded-lg shadow-lg mb-4" /&gt;
                &lt;div class="top-brand"&gt;
                    &lt;img src="{{media url=.renditions/wysiwyg/geberit.png}}" alt="Joseph Miles" class="" /&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;!-- Brand 3 --&gt;
            &lt;div class="block flex flex-col items-center"&gt;

                &lt;img src="{{media url=.renditions/wysiwyg/3.png}}" alt="" class="rounded-lg shadow-lg mb-4" /&gt;
                &lt;div class="top-brand"&gt;
                    &lt;img src="{{media url=.renditions/wysiwyg/crosswater.png}}" alt="Joseph Miles" class="" /&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;!-- Brand 4 --&gt;
            &lt;div class="block flex flex-col items-center"&gt;
                &lt;img src="{{media url=.renditions/wysiwyg/4.png}}" alt="" class="rounded-lg shadow-lg mb-4" /&gt;
                &lt;div class="top-brand"&gt;
                    &lt;img src="{{media url=.renditions/wysiwyg/rak.png}}" alt="Joseph Miles" class="" /&gt;

                &lt;/div&gt;
            &lt;/div&gt;
            &lt;!-- Brand 5 --&gt;
            &lt;div class="block flex flex-col items-center"&gt;

                &lt;img src="{{media url=.renditions/wysiwyg/5.png}}" alt="" class="rounded-lg shadow-lg mb-4" /&gt;
                &lt;div class="top-brand"&gt;
                    &lt;img src="{{media url=.renditions/wysiwyg/duravit.png}}" alt="Joseph Miles" class="" /&gt;

                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="text-right mt-6 container"&gt;
            &lt;a href="#" class="text-blue-500 text-red-500 font-semibold"&gt;View All&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;

&lt;/section&gt;</div>