CSS&HTML : How to put an image(for example X/check) inside a checkbox when you hover it

Good day mate, i really wanna play at the same time learn about html and css. So i would like to ask it is possible to put an image in a checkbox when its being hovered? yes just hovered not click. for example i want to put some check with opacity of .5 in a checkbox when its hovered indicating that that check will appear when you click it thank you. supposedly this is my checkbox here :

    <div class="checkbox">
        <label><input type="checkbox" value="" />Example</label>
    </div>