.stampBlock {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 3px;
}

.stampIcon {
    position: relative;
    display: inline-block;
    overflow: visible;
    height: 90px;
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.7));
}

    .stampIconLocked{
    filter: brightness(50%) grayscale(100%);
}

.stampEffect1 {
    position: absolute;
    background-image: url(../content/stamps/effect_1.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: overlay;
    opacity: 0;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    animation: 6s ANIMstampEffect1 linear infinite;
}

@keyframes ANIMstampEffect1 {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.stampEffect2_1 {
    position: absolute;
    background-image: url(../content/stamps/effect_particles_1.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: hard-light;
    border-radius: 50%;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    animation: 8s ANIMstampEffect2 linear infinite;
}

.stampEffect3 {
    position: absolute;
    background-image: url(../content/stamps/effect_3.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: overlay;
    border-radius: 50%;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    animation: 8s ANIMstampEffect2 linear infinite;
}

.stampEffect2_2 {
    position: absolute;
    background-image: url(../content/stamps/effect_particles_2.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: hard-light;
    border-radius: 50%;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    animation: 11s ANIMstampEffect2 linear infinite;
}

@keyframes ANIMstampEffect2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.stampEffectRainbow {
    animation: 6s ANIMstampEffectRainbow linear infinite;
}

@keyframes ANIMstampEffectRainbow {
    0% {
        filter: hue-rotate(0deg)
    }

    100% {
        filter: hue-rotate(360deg)
    }
}

.stampEffectGloss {
    position: absolute;
    background-image: url(../content/stamps/effect_gloss.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: overlay;
    border-radius: 50%;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    animation: 8s ANIMstampEffectGloss linear infinite;
}

@keyframes ANIMstampEffectGloss {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}