div.angercode_imagefx-container
{
    
    padding             : 10px;
    margin              : 0 0 20px 40px !important;
    box-sizing          : border-box;
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center center;
    filter              : grayscale(1);
    
    &.fx-size-half
    {
        aspect-ratio : 1.6;
    }
    
    &.fx-marge-top-20
    {
        margin-top : 20px!important;
    }
    
    &.fx-marge-top-40
    {
        margin-top : 40px!important;
    }
    
    &::after
    {
        content       : "";
        display       : block;
        position      : absolute;
        border-radius : 20px;
        z-index       : -1;
        opacity       : 1 !important;
        padding       : unset;
    }
    
    &::before
    {
        border-radius : 20px;
        padding       : 4px !important;
    }
    
    &.fx-alignright
    {
        float         : right !important;
        border-radius : 20px;
        overflow      : hidden;
    }
    
    &.fx-rotate-2
    {
        transform : rotate(2deg);
    }
    
    .image-glitcher
    {
        width        : 400px;
        aspect-ratio : 1.5;
    }
    
    .fx-strip
    {
        overflow                  : hidden;
        position                  : relative;
        animation-iteration-count : infinite;
        animation-direction       : alternate;
        animation-timing-function : linear;
        image-rendering           : pixelated;
        image-rendering           : -moz-crisp-edges;
        image-rendering           : crisp-edges;
        background-size           : 100% auto;
        z-index                   : 9999;
        
        &:hover
        {
            animation-play-state : paused;
        }
        
        &:first-child
        {
            border-radius : 10px 10px 0 0 !important;
        }
        
        &:last-child
        {
            border-radius : 0 0 10px 10px !important;
        }
    }
    
}


@keyframes glitch-5
{
    0.00%,
    33.33%,
    43.33%,
    66.67%,
    76.67%,
    100.00%
    {
        opacity   : 1;
        transform : none;
        filter    : hue-rotate(0) drop-shadow(0 0 0 transparent);
    }
    
    33.43%,
    43.23%
    {
        opacity   : 0.9;
        transform : translateX(var(--glitch-x-1));
        filter    : hue-rotate(var(--glitch-hue-1)) drop-shadow(0px -4px 0 var(--accent-trans)) blur(2px);
    }
    
    66.77%,
    76.57%
    {
        opacity   : 0.8;
        transform : translateX(var(--glitch-x-2));
        filter    : hue-rotate(var(--glitch-hue-2)) drop-shadow(-1px 0px 0 var(--accent-trans)) blur(1px);
    }
}

@keyframes glitch-6
{
    0.00%,
    33.33%,
    41.67%,
    66.67%,
    75.00%,
    100.00%
    {
        opacity   : 1;
        transform : none;
        filter    : hue-rotate(0) drop-shadow(0 0 0 transparent);
    }
    
    33.43%,
    41.57%
    {
        opacity   : 0.9;
        transform : translateX(var(--glitch-x-1));
        filter    : hue-rotate(var(--glitch-hue-1)) drop-shadow(-2px 3px 0 var(--accent-trans));
    }
    
    66.77%,
    74.90%
    {
        opacity   : 0.7;
        transform : translateX(var(--glitch-x-2));
        filter    : hue-rotate(var(--glitch-hue-2)) drop-shadow(-3px -2px 0 var(--accent-trans));
    }
}

@keyframes glitch-7
{
    0.00%,
    33.33%,
    40.48%,
    66.67%,
    73.81%,
    100.00%
    {
        opacity   : 1;
        transform : none;
        filter    : hue-rotate(0) drop-shadow(0 0 0 transparent);
    }
    
    33.43%,
    40.38%
    {
        opacity   : 0.9;
        transform : translateX(var(--glitch-x-1));
        filter    : hue-rotate(var(--glitch-hue-1)) drop-shadow(0px -3px 0 var(--accent-trans)) blur(2px);
    }
    
    66.77%,
    73.71%
    {
        opacity   : 0.7;
        transform : translateX(var(--glitch-x-2));
        filter    : hue-rotate(var(--glitch-hue-2)) drop-shadow(4px 1px 0 var(--accent-trans)) blur(2px);
    }
}

@keyframes glitch-8
{
    0.00%,
    33.33%,
    39.58%,
    66.67%,
    72.92%,
    100.00%
    {
        opacity   : 1;
        transform : none;
        filter    : hue-rotate(0) drop-shadow(0 0 0 transparent);
    }
    
    33.43%,
    39.48%
    {
        opacity   : 0.9;
        transform : translateX(var(--glitch-x-1));
        filter    : hue-rotate(var(--glitch-hue-1)) drop-shadow(-1px -1px 0 var(--accent-trans)) blur(1px);
    }
    
    66.77%,
    72.82%
    {
        opacity   : 0.7;
        transform : translateX(var(--glitch-x-2));
        filter    : hue-rotate(var(--glitch-hue-2)) drop-shadow(3px -1px 0 var(--accent-trans)) blur(2px);
    }
}

@keyframes glitch-9
{
    0.00%,
    33.33%,
    38.89%,
    66.67%,
    72.22%,
    100.00%
    {
        transform : none;
        filter    : hue-rotate(0) drop-shadow(0 0 0 transparent);
    }
    
    33.43%,
    38.79%
    {
        transform : translateX(var(--glitch-x-1));
        filter    : hue-rotate(var(--glitch-hue-1)) drop-shadow(1px -3px 0 var(--accent-trans));
    }
    
    66.77%,
    72.12%
    {
        transform : translateX(var(--glitch-x-2));
        filter    : hue-rotate(var(--glitch-hue-2)) drop-shadow(1px 1px 0 var(--accent-trans));
    }
}

@keyframes glitch-10
{
    0.00%,
    33.33%,
    38.33%,
    66.67%,
    71.67%,
    100.00%
    {
        transform : none;
        filter    : hue-rotate(0) drop-shadow(0 0 0 transparent);
    }
    
    33.43%,
    38.23%
    {
        transform : translateX(var(--glitch-x-1));
        filter    : hue-rotate(var(--glitch-hue-1)) drop-shadow(3px -1px 0 var(--accent-trans));
    }
    
    66.77%,
    71.57%
    {
        transform : translateX(var(--glitch-x-2));
        filter    : hue-rotate(var(--glitch-hue-2)) drop-shadow(-3px 2px 0 var(--accent-trans));
    }
}