.sc3 {
     & [class^="container"] { 
        & .row {
            gap: min(2em,5vw);
            & .left {
                order: 2;
                flex: 1 1 max(min(300px,80vw),45%);
                & picture {
                    width: 100%;
                    aspect-ratio: 1/.7;
                    border-radius: 1em 0;
                    &::after {
                        position: absolute;
                        inset: 0;
                        content: '';
                        background-color: var(--cLPrimaryBlue);
                        mask: url(/wp-content/uploads/2026/10/favicone-Simaco.svg) 110% center / clamp(min(2em,6vw),9vw,9em) no-repeat;
                    }
                    @media screen and (width >= 1200px) {
                        & {
                            aspect-ratio: initial;
                            &  img {
                                position: absolute;
                                inset: 0;
                            }
                        }
                    }
                }
                @media screen and (width>= 1200px) {
                    & {order: initial;}
                }
            }
            & .right {
                order: 1;
                display: grid;
                align-content: center;
                flex: 1 1 max(min(300px,80vw),40%);
                @media screen and (width>= 1200px) {
                    & {
                        order: initial;
                        padding: min(4em,5vw);
                    }
                }
            }
            @media screen and (width>= 1200px) {
                    & {
                        gap: 0;
                        overflow: hidden;
                        border-radius: 1em 0;
                        background-color: var(--cLWhite);
                        box-shadow: 10px -10px 24px 0px hsl(from var(--cLDarkBlack) h s l/.1);
                    }
                }
        }
     }
}