JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#a1">a1</a>
<a href="#b1">b1</a>
<a href="#c1">c1</a>

<div class="wrap">
    <img src="http://placehold.it/300x150&text=A1" alt="" id="a1">
    <img src="http://placehold.it/300x150&text=B1" alt="" id="b1">
    <img src="http://placehold.it/300x150&text=C1" alt="" id="c1">
</div>

SCSS

.wrap img {
    display: none;
    &:target {
        display: block;
    }
}