test

.artcloud_hero_block_wrapper.style2 .artcloud_hero_image img { mask-image: url(”https://paivistenman.sdp.fi/wp-content/themes/sdpedustaja2025/svgC/new-flower.svg”); mask-position: center; mask-repeat: no-repeat; mask-size: 100% auto; max-width: 100%; height: 494px; object-fit: cover; text-align: center; margin: 0 auto; width: 29.7rem !important; } .artcloud_hero_cover { padding-bottom: 4rem; padding-top: 0rem; } .transparent-header-on .artcloud_hero_cover { padding-top: calc(0rem + 190px) !important; } .artcloud_hero_group { margin-bottom: 4rem; margin-top: 0rem; } .artcloud_hero_block_wrapper.style1.pattern1 .artcloud_hero_column_image::before { content: ””; position: absolute; top: 0; bottom: 0; height: 32rem; width: 6rem; left: calc(0% – 1px); background: var(–wp–preset–color–yellow-green); -webkit-clip-path: polygon(0 100%, 0 0, 100% 50%); clip-path: polygon(0 100%, 0 0, 100% 50%); z-index: 1; } .artcloud_hero_block_wrapper.style1.pattern1.right .artcloud_hero_column_image::before { right: calc(0% – 1px); left: unset; rotate: 180deg; } .artcloud_hero_block_wrapper.style1.pattern3 .artcloud_hero_column_image::before { content: ””; position: absolute; top: 0; bottom: 0; height: 32rem; width: 6rem; left: calc(0% – 1px); background: var(–wp–preset–color–yellow-green); clip-path: polygon(0 0, 0 100%, 100% 0); -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); z-index: 1; } .artcloud_hero_block_wrapper.style1.pattern3.right .artcloud_hero_column_image::before { left: unset; right: calc(0% – 1px); rotate: 180deg; } .artcloud_hero_block_wrapper.style1.pattern2 .artcloud_hero_column_image::before { content: ””; position: absolute; top: 0; bottom: 0; height: 32rem; width: 6rem; left: calc(0% – 1px); background: var(–wp–preset–color–yellow-green); clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 55%, 0 0); -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 55%, 0 0); z-index: 1; } .artcloud_hero_block_wrapper.style1.pattern2.right .artcloud_hero_column_image::before { left: unset; right: calc(0% – 1px); rotate: 180deg; } .style3 .artcloud_hero_column_content{ max-width: 64% !important; }