Transition issue with query loop

How To
1

Hello Bricks Developers,

I encountered a strange. I have a simple block containing three divs, each with a background image, a 0.5s transition, and the following CSS:

%root%:hover{
 background-size: 105%;
}

%root%{
  background-size: 100%
}

This setup works perfectly outside of a query loop—hovering over the div smoothly zooms in the background image as intended.

However, when I apply the same structure inside a query loop (e.g., looping through posts), the transition stops working.

Is there a specific reason why CSS transitions don’t work on elements inside a query loop, or could I be missing something?

Thank you in advance for your insights!