diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css index 389725aa..d13b821b 100644 --- a/blocks/columns/columns.css +++ b/blocks/columns/columns.css @@ -136,8 +136,8 @@ height: 100%; } -.columns-wrapper :is(.\!w-1\/2) { - width: 50% !important; +.columns-wrapper :is(.w-1\/2) { + width: 50%; } .columns-wrapper :is(.w-12) { diff --git a/blocks/columns/columns.js b/blocks/columns/columns.js index 6d6444be..540b3ba7 100644 --- a/blocks/columns/columns.js +++ b/blocks/columns/columns.js @@ -154,7 +154,7 @@ export default function decorate(block) { const seventythirtyEl = picWrapper.parentElement ?.parentElement?.parentElement?.parentElement; if (seventythirtyEl.querySelector('img')) { - pic.querySelector('img').classList.add('block', '!w-1/2'); + pic.querySelector('img').classList.add('block', 'w-1/2'); } else { pic.querySelector('img').classList.add('block'); } diff --git a/styles/styles.css b/styles/styles.css index 90388e6e..ae31e92c 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -2075,6 +2075,10 @@ main .section .talk-to-an-expert-form-wrapper .talk-to-an-expert-form > div ul { } } +.seventythirty .columns-2-cols .container .columns-img-col picture img { + width: 50% !important; +} + .pointer-events-none { pointer-events: none; } diff --git a/styles/tailwind.css b/styles/tailwind.css index 08c67a8b..a54bf61c 100644 --- a/styles/tailwind.css +++ b/styles/tailwind.css @@ -594,6 +594,10 @@ @apply lg:pt-8; } + .seventythirty .columns-2-cols .container .columns-img-col picture img { + @apply !w-1/2; + } + } @layer utilities {