From 86a8c84dad54f055ec54f9b5d84471e7dd92e40a Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 11 Jul 2024 10:26:29 +0300
Subject: [PATCH] fix bg

---
 pages/[slug].vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/pages/[slug].vue b/pages/[slug].vue
index 59ea8ef..4403149 100644
--- a/pages/[slug].vue
+++ b/pages/[slug].vue
@@ -38,8 +38,10 @@ const policyText = computed(() => {
                 <div class="col-span-full prose max-w-full" v-html="policyText" />
             </div>
         </div>
-        <div class="siteblock-image" v-if="data?.image">
-            <NuxtImg :src="[imgBase, data?.image].join('/')" :alt="data.title || 'фоновая картинка'" title="" format="webp" />
+        <div class="siteblock siteblock_imgbg bg-slate-500" v-if="data?.image"
+            :style="[{ backgroundImage: `url(${[imgBase, data?.image].join('/')})` }]">
+            <NuxtImg :src="[imgBase, data?.image].join('/')" class="invisible" alt="data.title || 'фоновая картинка'" title="" format="webp"
+                loading="lazy" />
         </div>
         <div class="siteblock siteblock_calc bg-white">
             <Suspense>