.webkit figure>div :is(img,video){
    -webkit-mask-mode: alpha;
            mask-mode: alpha;
}

.webkit section:nth-of-type(1)>figure>div video{
    -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-01_sL.png');
            mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-01_sL.png');
}

.webkit section:nth-of-type(2)>figure>div img{
    -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_sL.png');
            mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_sL.png');
}

.webkit section:nth-of-type(3)>figure>div img{
    -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_sL.png');
            mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_sL.png');
}

.webkit section:nth-of-type(4)>figure>div img{
    -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-04_sL.png');
            mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-04_sL.png');
}

.webkit section:nth-of-type(5)>figure>div img{
    -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_sL.png');
            mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_sL.png');
}

@media(min-aspect-ratio:1/1) and (min-width:64rem){
    .webkit section:nth-of-type(1)>figure>div video{
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-01_L.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-01_L.png');
    }
    
    .webkit section:nth-of-type(2)>figure>div img{
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_L.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_L.png');
    }

    .webkit section:nth-of-type(3)>figure>div img{
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_L.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_L.png');
    }

    .webkit section:nth-of-type(4)>figure>div img{
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-04_L.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-04_L.png');
    }

    .webkit section:nth-of-type(5)>figure>div img{
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_L.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_L.png');
    }

    .webkit #outro figure>div img{
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_L.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_L.png');
    }

    .webkit .mask-wipe div{
        -webkit-mask-mode: alpha;
                mask-mode: alpha;
        
    }

    .webkit .mask-wipe div:nth-of-type(1){
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_P.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_P.png')
    }

    .webkit .mask-wipe div:nth-of-type(2){
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_P.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_P.png')
    }

    .webkit #occupation .mask-wipe div:nth-of-type(2),
    .webkit .mask-wipe div:nth-of-type(3){
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-01_P.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-01_P.png')
    }

    .webkit #trauma .mask-wipe div:nth-of-type(1),
    .webkit .mask-wipe div:nth-of-type(4){
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-04_P.png');
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-04_P.png')
    }

    .webkit .mask-wipe img{
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-01_P.png')!important;
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-01_P.png')!important
    }

    .webkit #trauma .mask-wipe img{
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_L.png')!important;
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-02_L.png')!important;
    }

    .webkit #occupation .mask-wipe img{
        -webkit-mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_L.png')!important;
                mask-image:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/2024-ethiopia/masks/mask-03_L.png')!important;
    }
}