Differing Previews

This a a bug around the naming of objects.

Specifically I have been using the Name > filename="tom" convention to name an image as tom.jpg.

If I clone my tom image and stretch it, both render under Preview (either button) correctly.
If I clone it and rotate it, I would expect to see a scaled tom. On Preview current page, this is what I get.
On Preview whole website and Export, tom is rendered as the rotated image for all three toms. This does not present what is in place in the design page.

I attach my example WEB file: Attachment 106911

A second bug, is that my initial image (Name: initial) is not being displayed and instead I get a SPAN:

With Retina on: <span class="xr_rn_index_htm_files/tom@2x.jpg xr_ar" id="initial" style="left: 34px; top: 72px; width: 130px; height: 130px; background:url('index_htm_files/14.jpg') 0px 0px no-repeat; background-size: 130px 130px;"></span>
With Retina off: <span class="xr_ar" id="initial" style="left: 34px; top: 72px; width: 130px; height: 130px; background:url('index_htm_files/14.jpg') 0px 0px no-repeat;"></span>

Acorn

P.S. I have just tried clicking the Preview (either) button repeatedly and this toggles the rendering.