Desktop and mobile images have same name and resourcetype in sightly

Hi Everyone,

Requirement is to have 1 single image for desktop and mobile version.Right now the HTML is as below .

Two assets have the same name and resourcetype in sightly as below

<div data-sly-resource="${ @path='image', resourceType='xxxxx/components/content/image'}" ></div>

<div data-sly-resource="${ @path='image', resourceType='xxxxx/components/content/image'}" ></div>

In touch UI Mode, I will be able to edit the last one since we have both two node names to be same. I am unable to edit the first image.

In classic UI mode, I am able to edit both the assets .

I need to understand this behaviour. Any help would be appreciated.

Thanks