How to animate an image to the center of the page in react

Question

I have avatar images that I want to expand and bring to the center on click. For that I\'m using translate and scale:

import React, { useEffect, useRef, useState