In my current setup, I am working with a single column table where each cell is a droppable element that only accepts draggables of a specific class. While the borders of the table are visible, I am not a fan of the fixed size and colored cells within, as they do not look visually pleasing to me. My goal is to have the cells highlight when a draggable intersects with them, mirroring the size of the draggable itself. The challenge lies in the fact that the draggables have fixed width, but varying heights. Adapting the height accordingly is the key, but I am unsure of where to even start. If you need a visual reference, please check out this example for more insight into the adaptation I am aiming for.