.page-campaign .template-top {
    padding: 0;

    .template-content {
        padding-bottom: 20px;
    }
}

@media(min-width: 768px) {
    body:has(#ticker) {
        .page-campaign .template-top {
            padding-top: calc(var(--ticker-height));
        }  
    }

    .page-campaign .template-top {

                
        & > .container {
            padding-right: 0;
        }

        .template-image {
            background: linear-gradient(to left, #de6426 90%, transparent 91%);

            .image-container {
                width: auto;
                height: 100%;
                right: 0;
                left: auto;
                aspect-ratio: 3 / 2;
    
                .custom-image {
                    mask-image: linear-gradient(to left, rgba(0,0,0,1) 45vw, rgba(0,0,0,0));
                }
            }
        }

        .template-content {
            z-index: 1;
        }
    }

}

@media(min-width: 1024px) {
    body:has(#ticker) {
        .page-campaign .template-top {
            padding-top: var(--ticker-height);
        }  
    }
    
    .page-campaign .template-top {
        padding-top: 0px;


        .template-image {
            .image-container {
                left: 0;
                .custom-image {
                    left: -40%;
                    mask-image: linear-gradient(to left, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
                }
            }
        }

        .template-content {
            padding-top: 116px;
            padding-bottom: 40px;
        }
    }

}