HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux ns3133907 6.8.0-86-generic #87-Ubuntu SMP PREEMPT_DYNAMIC Mon Sep 22 18:03:36 UTC 2025 x86_64
User: cssnetorguk (1024)
PHP: 8.2.28
Disabled: NONE
Upload Files
File: /home/igennie.co.uk/public_html/wp-content/themes/blossom-coach/src/scss/_starterSites.scss
.cw-dashboard {
    .starter-sites {
        padding: 64px 100px;
        display: grid;
        grid-template-areas: "stack";
        align-items: end;

        @media screen and (max-width: 1025px) {
            padding: 64px 40px;

        }

        .image-wrapper {
            display: flex;
            gap: 20px;
            align-items: center;
            overflow: hidden;
            grid-area: stack;

            .image:not(:nth-child(2)) {
                width: 33%;
            }

            img {
                max-width: 100%;
            }

            img:not(.reverse-image img) {
                box-shadow: 0 30px 30px -30px #000000a3
            }

            .reverse-image {
                position: relative;
                opacity: 0.4;

                img {
                    transform: scaleY(-1);
                }

                &::after {
                    position: absolute;
                    content: '';
                    background: linear-gradient(360deg, rgba(246, 248, 250, 0) 0%, #F6F8FA 22.65%);
                    z-index: 2;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    transform: scaleY(-1);
                }
            }
        }

        .text-wrapper {
            text-align: center;
            grid-area: stack;
            z-index: 3;
            padding: 0 100px 130px;

            @media screen and (max-width: 1600px) {
                padding: 0 100px 50px;
            }

            @media screen and (max-width: 1366px) {
                padding: 0 50px 20px;
            }

            @media screen and (max-width: 1025px) {
                padding: 0;
            }

            h2 {
                font-size: 24px;
                line-height: 1.5;
                margin-bottom: 16px;
            }

            p {
                margin-bottom: 24px;
            }

            .cw-button-btn {
                padding: 16px 32px;
                font-size: 16px;
                line-height: 1.5;
            }
        }
    }
}