How to vertically align center to an image inside div using CSS?

You can align image centrally inside a div using this code

.Main{
        display: flex;      
        align-items: center;
    }

.Main img {
/* change it accordingly */
  max-height: 25px;
 }


  /* Styling stuff not needed for demo*/
    .Main{
        height: 24px;
    }

You can keep your HTML as it just add the above CSS in your stylesheet it should work