Messenger Blur Images by xiaopanpankevinpan

/* ==UserStyle==
@name           Messenger Blur Images
@namespace      https://openuserjs.org/users/kevin_pan_940506
@version        1.0.0
@description    Blur images sent in case you are at public spaces.
@author         XiaoPanPanKevinPan
@preprocessor   uso
@var        text        howBlur             "How blur should it be?"                5px
==/UserStyle== */

@-moz-document domain("www.messenger.com"), regexp("https?://.*\\.facebook\\.com/messages/.*") {
    [data-testid="message-container"] img[alt*="photo"]:not(:hover), [data-testid="message-container"] a img:not(:hover){
        filter: blur(/*[[howBlur]]*/);
    }
    [data-testid="message-container"] img[alt*="photo"]:hover, [data-testid="message-container"] a img:hover{
        filter: blur(0px);
    }
    [data-testid="message-container"] img[alt*="photo"], [data-testid="message-container"] a img{
        transition: filter .15s;
    }
}