:root{ --bg-a250: url('data:image/svg+xml,'); } .paragraph.paragraph--type--article-section .article-section .section-highlight.section-highlight__a250 { margin: 20px 0 50px; padding: 0; } .articlebox-flexbox--column:first-child { width: 100%; /* padding: 0 0 98.773%; square */ padding: 0 0 70%; background-image: var(--bg-a250); background-size: cover; background-position: 50% 50%; background-repeat: none; } .paragraph.paragraph--type--article-section .article-section .section-highlight.section-highlight__a250 .field--name-field-highlight-body p.cta__white { margin-bottom: 0; } .paragraph.paragraph--type--article-section .article-section .section-highlight.section-highlight__a250 .field--name-field-highlight-body .cta__white a { background-image: linear-gradient(to bottom,#fff 50%,#129fd8 50%); } .paragraph.paragraph--type--article-section .article-section .section-highlight.section-highlight__a250 .field--name-field-highlight-body .cta__white a:hover, .paragraph.paragraph--type--article-section .article-section .section-highlight.section-highlight__a250 .field--name-field-highlight-body .cta__white a:focus { color: inherit; } @media (min-width: 1020px) { .articlebox-flexbox { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .articlebox-flexbox--column { flex-basis: 50%; } .articlebox-flexbox--column:first-child { padding: 0 0 49.3865%; } .articlebox-flexbox--column:last-child { padding: 25px 25px 25px 40px; } } @media (max-width: 1019px) { .articlebox-flexbox h3 { margin-top: 1em; } .articlebox-flexbox--column:last-child { padding: 30px; } }