.ww-gw-cbc {
    --container-padding-block: 2rem;
    --container-gap: 1.5rem;
    --container-background-size: contain;
  
    --content-button-background-color: var(--colors-black);
  
    --content-font-size: 1rem;
    --content-inline-size: 80%;

    --heading-font-size: 1.5rem;

    --image-url: var(--mobile-image-url);
    
    background-image: var(--image-url);
    background-repeat: repeat-y;
    background-size: var(--container-background-size);
}

.ww-gw-cbc>.container--full {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--container-gap);
    padding-block: var(--container-padding-block);
}

.ww-gw-cbc h2,
.ww-gw-cbc__content>* {
    font-family: var(--fonts-montserrat);
    text-align: center;
    text-wrap: balance;
    color: var(--colors-black);
}
.ww-gw-cbc__content {
    inline-size: var(--content-inline-size);
    font-weight: 500;
    font-size: var(--content-font-size);
}
.ww-gw-cbc h2 {
    font-weight: 500;
    font-size: var(--heading-font-size);
}

@media (width>=1024px) {
    .ww-gw-cbc {
        --container-padding-block: 6rem;

        --content-inline-size: 50%;
        --content-font-size: 1.25rem;

        --image-url: var(--desktop-image-url);
        --heading-font-size: 2rem;
        --container-background-size: cover;
    }
}