.clip-text {
                        font-size: 90px;
                        font-weight: bold;
                        position: relative;
                        display: inline-block;
                        margin: .25em 0;
                        padding: .5em 0;
                        text-align: center;
                        -webkit-color: #fe0db4;
                        color: #fe0db4;
                        /* This is what's making the white text see-thru */
                        -webkit-text-fill-color: transparent;
                        -moz-text-fill-color: transparent;
                        -ms-text-fill-color: transparent;
                        text-fill-color: transparent;
                        -webkit-background-clip: text;
                        -moz-background-clip: text;
                        -ms-background-clip: text;
                        background-clip: text;
                    }
                    
                    .clip-text:before,
                    .clip-text:after {
                        position: absolute;
                        content: '';
                    }
                    /* this positions the text */
                    
                    .clip-text:before {
                        z-index: -2;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        background-image: inherit;
                        background-size: cover;
                        -webkit-animation: play 2s infinite ease-in;
                        -moz-animation: play 2s infinite ease-in;
                        -ms-animation: play 2s infinite ease-in;
                        animation: play 2s infinite ease-in;
                    }
                    /* mask sides/width */
                    /* .clip-text:after {
                    position: absolute;
                    z-index: -1; */
                    /*   top: .125em;
    right: .125em;
    bottom: .125em;
    left: .125em; */
                    /* top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    background-color: black;
                } */
                    
                    .clip-text_one {
                        background-image: url(../images/krystaanim_sm.jpg);
                        background-size: cover;
                        -webkit-animation: play 0.6s steps(10) infinite;
                        animation: 0 play 0.6s steps(10) infinite;
                        /* animation-play-state: running; */
                        /* -webkit-backface-visibility: hidden;
    -webkit-perspective: 0; */
                        /* -webkit-animation-play-state: running;
                    animation-play-state: running; */
                    }
                    
                    @-webkit-keyframes play {
                        100% {
                            background-position: -1500px
                        }
                    }
                    
                    @keyframes play {
                        100% {
                            background-position: -1500px
                        }
                    }