.make-it-pop {
    position: relative;
    background: transparent;
}
.make-it-pop img, .make-it-pop > pre {
    border-radius: 5%;
    box-shadow:
        0 0 6px 3px rgba(255, 255, 255, 0.5);
    margin: 0;
    padding: 0;
    display: inherit;
    position: inherit;
    width: inherit;
    height: inherit;
}

.make-it-pop pre.code-wrapper {
    width: 99% !important;
}
.make-it-pop pre code {
    padding: 0.5rem;
    border-radius: 5%;
}


.make-it-pop:before, .make-it-pop:after {
    content: '';
    position: absolute;
    left: 5%;
    top: 4%;
    /* background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
        #0000ff, #00ff00,#ffff00, #ff0000); */
    background: linear-gradient(45deg, #fff, #ed00ed, #0ff,#0ff, #ed00ed, #fff);
    background-size: 400%;
    width: 85%;
    height: 85%;
    z-index: -1;
    animation: steam 60s linear infinite;
}
@keyframes steam {
    0% {background-position: 0 0;}
    50% {background-position: 400% 0;}
    100% {background-position: 0 0;}
}

.make-it-pop:after {
    filter: blur(50px);
}