section.my-content-image{padding:100px 0}section.my-content-image.style1{background-color:var(--c3)}section.my-content-image.style1 .content-image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:40px}section.my-content-image.style1 .content-image-container>div{width:50%}section.my-content-image.style1 .content-image-container .image-container{position:relative}section.my-content-image.style1 .content-image-container .image-container::before{content:'';position:absolute;top:-30px;right:-30px;width:calc(100% + 35px);height:30px;border-top:4px solid var(--c2);border-right:4px solid var(--c2);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}section.my-content-image.style1 .content-image-container .image-container img{--h:180px;height:400px;-webkit-clip-path:polygon(0 0, calc(100% - var(--h)) 0, 100% 0, calc(100% - var(--h)) 100%, 0 100%);clip-path:polygon(0 0, calc(100% - var(--h)) 0, 100% 0, calc(100% - var(--h)) 100%, 0 100%)}section.my-content-image.style1 .content-image-container .content-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.my-content-image.style1 .content-image-container .content-container *{color:var(--c2)}section.my-content-image.style1 .content-image-container .content-container a.button{color:var(--c1) !important;background-color:var(--c2)}section.my-content-image.style1 .content-image-container .content-container a.button:hover{color:var(--c2) !important;background-color:var(--c1)}section.my-content-image.style2{background-color:var(--c2)}section.my-content-image.style2 .content-image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:40px}section.my-content-image.style2 .content-image-container>div{width:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}section.my-content-image.style2 .content-container *{color:var(--c1)}section.my-content-image.style2 .image-container{position:relative}section.my-content-image.style2 .image-container::before{content:'';background-image:url(../../../img/green-paint.png);background-size:contain;background-position:top left;background-repeat:no-repeat;position:absolute;top:-80px;left:-50px;width:calc(100% + 80px);height:calc(100% + 80px);-webkit-transform:rotate(-3deg);transform:rotate(-3deg);z-index:0}section.my-content-image.style2 .image-container img{position:relative}section.my-content-image.style4{background-color:transparent}section.my-content-image.style4 .content-image-container .content-container *{color:var(--c1)}section.my-content-image.style4 .content-image-container .image-container::before{border-top:4px solid var(--c3);border-right:4px solid var(--c3)}