How to center an image inside an h1 tag?

Question

this is my first question in Stackoverflow. I have the following problem, inside a Title there is an image, the problem with the image is that the img it's centered on the bottom of the text, not in the middle. I tried using text-align:center and changing the size of the img but it didn't work.

My code is the next:

.articleTitle {
  font-size: 3.5rem;
  font-weight: 300;
  color: white;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: .2rem;
  text-align: center;
}

#textoCryptoPagos {
  height: 50%;
  width: 50%;
}

<h1 class="articleTitle">¿Como pagar con <img id="textoCryptoPagos" src="../img/logos/CryptoPagos.PNG"> ?</h1>

OUTPUT: Image of the output

Thank you!