I am on a professional plan which I believe was phased out and it would be the equivalent to the business plan.
Here is the site/page I'm looking for the effect on:
https://www.johnsenschmaling.com/projects
This is the code added for the :hover event:
<style>
.sqs-gallery-block-grid .slide .margin-wrapper .image-slide-anchor:hover {
opacity: .2 !important;
display: block !important;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title {
opacity: 0;
display: block !important;
position: absolute;
text-align: left;
padding-left: 4%;
bottom: 5%;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title {
opacity: 1;
color: hsl(0, 0%, 25%) !important;
display: block !important;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
</style>