How to make perspective in CSS like this (transform)?

Question

css

Good day.

I am making a layout with GIF animation, but the image itself with a laptop is 1400 * 600 pixels, and I understand that it will weigh about 3-4 megabytes.
I'm thinking of doing it differently. Make the image with the laptop itself using JPG.
And make a GIF with an image on the monitor separately, but expand it in CSS.
I understand that this is done somehow through transform: rotateY( -25deg ); but this parameter is not enough.
Who can help?
This is the form that should be obtained

--- The
maximum that is obtained in this case is

Answer 1

Type in google)transform generator online

Answer 2

https://developer.mozilla.org/en-US/docs/Web/CSS/t...