Text over an image on hover

Text over an image on hover.css

.clip-image-hover p {
    transition: background-image 300ms ease 0ms;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #FFFFF;
}

.clip-image-hover p:hover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('Input Image URL');
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}