Efeito :active

Estou tentando fazer aparecer uma div com mensagem quando clica na imagem ícone (?) utilizando apenas css e html, porém não está dando certo, não ocorre efeito algum quando clico no ícone.

Segue o código

HTML

<header>
            <img class="banner" src="./assets/imgs/logoc_index.svg">
            <p>Sem efeitos. Apenas você! 
                <img id="about" src="./assets/imgs/about.svg">
                <div id="show">Esta é uma mensagem de teste para usuarios</div>
            </p>
</header>

CSS

#about {
    width: 13px;
    display: inline-block;
}

#show {
    display: none;
}

#about:active #show{
    display: block;
}

Já fiz diversos testes mas não encontro uma saída, alguém poderia me dar um help??