The translate is a property in css which allows to
reposition of a element horizontally or vertically.

'By Giving -50% to x and -50% to y axis. The element changes its position
'to its center axis of the parent element.