fixed (posts block): change hover selector for portfolio, portfolio-2, and image-card (#3667)

Author: kaeizen

src/block/posts/style.js

@@ -310,6 +310,19 @@ Image.addStyles( blockStyles, {
 		}
 		return selector
 	},
+	hoverSelectorCallback: getAttribute => {
+		const className = getAttribute( 'className' )
+		const blockStyle = getBlockStyle( variations, className )
+
+		if ( [ 'portfolio', 'portfolio-2' ].includes( blockStyle?.name ) ) {
+			return `${ itemSelector }:hover .stk-img-wrapper img`
+		}
+
+		if ( [ 'image-card' ].includes( blockStyle?.name ) ) {
+			return `.stk-block-posts__image-card-container:hover img`
+		}
+		return '.stk-img-wrapper:hover img'
+	},
 	widthStyleRuleCallback: getAttribute => {
 		const className = getAttribute( 'className' )
 		const blockStyle = getBlockStyle( variations, className )