Custom Gutenberg block within column block selection and update issue

You seem to have useBlockProps() and extra props outside of this hook:

<div
  { ...useBlockProps() }
  className="card"
  style={{ backgroundImage: `url(${imageUrl})`}}
>

Your className would override any className value provided by the useBlockProps(), potentially causing the undesired behavior.

Instead, consider merging the props into the props that would be emitted by useBlockProps() by passing them into useBlockProps() first as an object:

const blockProps = useBlockProps({
  className: 'card',
  style: {
    backgroundImage: `url(${imageUrl})`,
  },
});

// …

<div { ...blockProps}>