Image replacement using atomic "Hidden" helper class and aria-hidden

[shwetatyagi31]

There are many image replacement techniques available on google, initially, I used 2008: Phark with Inline Image Method.

HTML:

<h3 class="phark2">
  <img src="path/to/example.svg" alt="VWO" />
</h3>

CSS:
h3.phark2 {
width: 300px;
height: 75px;
background: url(path/to/example.svg);
text-indent: -9999px
}

Most of the techniques used only background images but for a reason, I want to use inline image and in the above one there is both inline (may be used for SEO purposes) and background image but I want something that will reduce the writing of manual CSS and the code should be WCAG compliant, so I used the 'Hidden' class of atomic CSS and aria-hidden attribute.

Any suggestions or feedback if we can improve the below HTML.

<h1 class="My(0)"> 
<img src="path/to/example.svg" width="300px" height="75px" alt="" class="H(a)" aria-hidden="true">
<span class="Hidden">Image replacement technique</span>
</h1>