How to move the Autoptimize stylebox below the Yoast metadata box?

Question

WordPress

Hello friends, I'm facing a serious problem. This problem is that in the body of the html page, the block code with styles (.css) Autoptimize is displayed before the block with metadata that is displayed using the Yoast plugin.
On the client's site, it is necessary to display all the styles not in a separate file, but to embed them in the body of the page. But after the styles are inserted into the body of the page, the metadata output "flies" completely (and somewhere partially).
That is, I need to move the Autoptimize style output below the Yoast metadata output block. More detailed display in the screenshot below (in the screenshot, I displayed the styles in the css file, which would be more visual).
https://goo.gl/XcysQS
Friends, how can I do this? I would be very grateful for any help. Many thanks to all who answered.

Answer 1

Many thanks to all who answered. The solution was provided to me by the author of the Autoptimize plugin here:
https://wordpress.org/support/topic/how-do-i-move-...
Topic closed.

Answer 2

Hello!
Have you tried the following: create critical css and add it to autoptimize, then disable the inline all css item so that it inserts css not in the code, then it will load the rest of the css code in the footer.
To create critical CSS, on the contrary, first enable the inlnine all css function, copy all the code and paste it here - https://jonassebastianohlsson.com/criticalpathcssg... and paste the resulting css back into the plugin
https://screenshots.firefox.com /W4IUGtwfCpeh1815/b...
In theory it should help....