The <mr-img> tag is used to embed an image in an MRjs page.


A Humpback whale breaching the water mr-panel { display: block; align-items: center; justify-content: center; width: 100vw; height: 100vh; } mr-text { align-self: center; width: 100vw; } mr-img { position: absolute; align-self: center; object-fit: cover; }

Definition and Usage

Images are not technically inserted into a web page; images are linked to web pages. The <mr-img> tag creates a holding space for the referenced image.

The <mr-img> tag has two required attributes: