Estoy trabajando en un proyecto de React donde necesito mostrar imágenes en un gráfico usando las coordenadas x, y vinculadas a ellas.

Todas las imágenes están en formas hexagonales (PNG) y tienen los mismos tamaños.

Problema: si 2 imágenes tienen las mismas coordenadas X, Y, una de ellas se superpone a la otra. ¿Cuál es la forma ideal de lidiar con tales situaciones? Quiero que los usuarios vean parte de ambas imágenes.

Aquí hay una imagen de muestra de la estructura DOM.