Highlights theme displays image tag code on small screens

I.e <img alt="", src="whatever.png"....> as well as the image.

This only happens on tablets and phones, not computers. The image displays correctly. I have the issue with a fresh install of Grav and highlights theme, as well a this site

@hsweet, You probably forgot Twig filter | raw. Without the raw filter the output will be escaped. It is a security measure to prevent malicious content being injected into the page.

<section id="_about" class="main special">
  <div class="container">
     <span class="image fit primary">&lt;img alt=&quot;&quot; src=&quot;/user/pages/01.home/02._about/pic01.jpg&quot; /&gt;</span>
... etc.

By the way, it has got nothing to do with the size of the device. The escaping happens on every device. It's just that a media query hides the image on larger devices and shows it on smaller ones.

Thanks so much!

I'm still a bit confused. (This is new to me, esp twig). I see now that the problem shows up in the html output where you pointed, and that to fix it I need to add a raw twig filter. {% autoescape %} {{ var|raw }} {# var won't be escaped #} {% endautoescape %}

Is it a specific var, or just the string var?
Does it get inserted in default.html.twig?
Are these the right questions?

{% extends 'partials/base.html.twig' %}

{% block content %}

{% include 'partials/navigation.html.twig' %}

<section id="{{ page.slug }}" class="main">
    <div class="container">
        <div class="content">
            <header class="major">
                <h2>{{ header.title }}</h2>
            </header>
            {{ page.content }}
        </div>
    </div>
</section>
{% endblock %}

I tried '{{ page.content }} ==> {{ page.content | raw }}' in default.html.twig. no change yet.

OK. thanks.

I was thinking that should not be happening with a unmodified installation. I'll post a bug report and go with a working theme until I can resolve it. It's a small site, at least : )