.sqs-gallery-block-grid { .slide:hover { img { -webkit-filter: brightness(0.4); -moz-filter: brightness(0.4); filter: brightness(0.4); } .image-slide-title { opacity: 1 !important; } .image-slide-title strong { opacity: 1 !important; } } img { -webkit-filter: brightness(0.9); -moz-filter: brightness(0.9); filter: brightness(0.9); transition: all ease-in-out 600ms !important; } .image-slide-title { p { max-width: 90% !important; } white-space: initial !important; text-overflow: initial !important; transform: translateY(-0.5em); -webkit-transform: translateY(-0.5em); -moz-transform: translateY(-0.5em); -ms-transform: translateY(-0.5em); } .image-slide-title { pointer-events:none !important; display: block !important; color: #fff !important; font-weight: 600; font-size: 20px; line-height: 25px; text-align: center !important; padding: 0px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; opacity: 0; transition: all ease-in-out 600ms !important; } .image-slide-title strong { display: block; font-weight: 200; font-size: 15px; opacity: 1; transition: all ease-in-out 600ms !important; } .image-slide-title strong:before { content: "• • •"; display: block; text-align: center; } .image-slide-title p { padding-left: 10px; padding-right: 10px; margin: 0px; opacity: 0 !important; transition: all ease-in-out 600ms !important; } @media (max-width : 870px) { .image-slide-title { opacity: 1 !important; font-size: 11px !important; } .image-slide-title strong {