How to Make SEO META Tags Dynamic

I want these images meta tags to be dynamic. How to make hugo take the width, height and type of the image automatically detect and put in the meta tag? Please help

meta property=“og:image:width” content=“1919”
meta property=“og:image:height” content=“1080”
meta property=“og:image:alt” content=“tryten_default”
meta property=“og:image:type” content=“image/png”

more to read at

snippet from one of my files

<a data-fancybox=gallery href={{.RelPermalink}}><figure><img 
loading=lazy class=foto src={{ $image.RelPermalink }} 
max-width={{ $image.Width }} max-height={{ $image.Height }} alt="{{ $alt }}" title="{{$title}}"/></figure></a>