:root{--rounded-image-margin:1rem;--rounded-image-padding:1rem;--rounded-image-border-radius:50px;--rounded-image-pattern-position-x:50%}@media (min-width:768px){:root{--rounded-image-pattern-position-x:33.33333%}}@media (min-width:1440px){:root{--rounded-image-pattern-position-x:50%}}.rounded-image{position:relative}.rounded-image .wrapper{display:flex;flex-direction:column;grid-gap:2.5rem;gap:2.5rem;grid-gap:calc(var(--rounded-image-margin)*2.5);gap:calc(var(--rounded-image-margin)*2.5);padding:var(--padding-y);border-radius:50px;border-radius:var(--rounded-image-border-radius);z-index:0;overflow:hidden}.rounded-image .wrapper.bg-purple{background-color:var(--color-purple-700);color:var(--color-white)}.rounded-image .wrapper.bg-purple .btn:hover{color:var(--color-white)}.rounded-image .wrapper.bg-yellow{background-color:var(--color-yellow)}.rounded-image .wrapper.bg-yellow .btn{color:var(--color-black)!important}@media (min-width:768px){.rounded-image .wrapper .button,.rounded-image .wrapper .text{width:66.66667%;max-width:43.75rem}.rounded-image .wrapper .button p,.rounded-image .wrapper .text p{max-width:40rem}}@media (max-width:768px){.rounded-image .wrapper .text{text-align:center}.rounded-image .wrapper .button{margin-left:auto;margin-right:auto}}.rounded-image .wrapper .pattern{position:absolute;top:0;bottom:0;left:50%;left:var(--rounded-image-pattern-position-x);right:0;z-index:-1}.rounded-image .wrapper .pattern svg{display:block;width:auto;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width:1440px){.rounded-image .wrapper .pattern{right:0}}