xxxxxxxxxx
// to vertically center an image with bulma
// add .content and .is-vcentered to a div tag and apply the following css
.content.is-vcentered {
display: flex;
flex-wrap: wrap;
align-content: center; /* used this for multiple child */
align-items: center; /* if an only child */
}
xxxxxxxxxx
// to center an image horizontally with bulma:
// add has-text-centered to the parent
// add is-inline-block to the figure tag
<div class="has-text-centered">
<figure class="image is-64x64 is-inline-block">
<img class="is-rounded" src="https://unsplash.it/64"/>
</figure>
</div>