CSS image overlay with color and transparency

http://stackoverflow.com/questions/17721960/css-image-overlay-with-color-and-transparency

HTML

<div class="image-holder">
    <img src="https://dummyimage.com/200x200/fff/000000.png" />
</div>

CSS

.image-holder:hover {
        opacity: 1;
        transition: opacity 1s, background 1s;
        background: #EBEFF7;
    }

    .image-holder {
        height: 250px;
        width: 200px;
        opacity: 0.5;
        transition: opacity 1s, background 1s;
    }