/* Add hover overlay to image blocks */ /* Add color over image */ .image-block-outer-wrapper { background-color: #00508A; //blue } /* Background hidden due to opacity */ .sqs-block-image .image-block-wrapper { opacity: 1; /* Fade color out - adjust speed (in secs) if required */ transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -webkit-transition: opacity .6s ease-in-out; } /* Reveal background on hover */ .sqs-block-image .image-block-wrapper:hover { opacity: 0.2; /* Fade color in - adjust speed (in secs) if required*/ transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; }