Как задать градиент блоку с картинкой?
Все стили с opacity: 0; при ховере opacity: 1; => у изначальных стилей  opacity вообще убери, также как и стили по hoverклик
В .thumbs:before надо убрать прозрачность - изменить opacity с 0 на 1