Hello everyone. Got a disappointing 56 points in Lighthouse. There is a problem with render-blocking resources, as well as with loading Largest Contentful Paint element (I have Render Delay 91% 8,330 ms).
It seems that the main problem is with styles. But I really can't figure out how to solve it.

I connect the main styles in the layout via

import "src/styles/pages/index.scss";

I connect the styles for each component modularly, for example:

import styles from "./TextVideo.module.scss";

I read that to fix this, I need to load styles via rel=preload аs=style
But I can't figure out how to customize the import. After the build, styles are loaded like this:

<link rel="stylesheet" href="/_next/static/css/b5d869d74b155b29.css" data-precedence="next"><link rel="stylesheet" href="/_next/static/css/e6252b0b5e497e88.css" data-precedence="next"><link rel="stylesheet" href="/_next/static/css/1e1cb0700ea6cd5a.css" data-precedence="next"><link rel="stylesheet" href="/_next/static/css/af33669f1771b039.css" data-precedence="next"><link rel="stylesheet" href="/_next/static/css/38c3ac28ce0b84cc.css" data-precedence="next"><link rel="stylesheet" href="/_next/static/css/67b2ae3d747e686c.css" data-precedence="next">

Such indicators are displayed locally, but they are not much different from what is on the production version. You can analyze the site yourself through Lighthouse and look at these points:
https://darnytsia.ua/en/catalog/usi-preparati (I am interested in this particular web page)

I need advice on what I need to do to fix this. Thanks in advance.