[FIX] theme_bewise, *: adapt s_image_title without display: flex

*: vehicle

In the community PR, the `s_image_title` snippet has been modified in
order to not be in `display: flex` anymore, as it could cause issues
with images. The same visual was obtained by setting a `grid-area` in a
way that the text block is at the bottom right.

This commit adapts this snippet customizations to these changes. More
precisely, it adapts the `grid-area` and padding to the text content, in
order to avoid having an overflow while still looking like before.

Related to task-4105319

X-original-commit: b96d4ca9c6
Part-of: odoo/design-themes#955
Related: odoo/odoo#181816
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>

theme_bewise/views/customizations.xml

@@ -771,6 +771,10 @@
     <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
         Transform your future with our cutting-edge programs, where education meets opportunity. Elevate your learning experience with courses that blend academic excellence and practical skills seamlessly.
     </xpath>
+    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes" mode="inner">
+        <attribute name="class" add="g-height-4" remove="g-height-3" separator=" "/>
+        <attribute name="style" add="--grid-item-padding-y: 32px; grid-area: 6 / 6 / 10 / 13;" remove="--grid-item-padding-y: 24px; grid-area: 7 / 6 / 10 / 13;" separator=";"/>
+    </xpath>
 </template>
 
 

theme_vehicle/views/customizations.xml

@@ -676,6 +676,9 @@
     <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
         Transform your driving experience with our exclusive collection, where opulence meets cutting-edge technology. Elevate your journey with vehicles that blend sophistication and performance seamlessly.
     </xpath>
+    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes" mode="inner">
+        <attribute name="style" add="--grid-item-padding-y: 12px;" remove="--grid-item-padding-y: 24px;" separator=";"/>
+    </xpath>
 </template>
 
 <!-- ======== KEY IMAGES ======== -->