Rauno

I´m having issue when I put this code after I submit the form the "asterisks" still stay there. www.gunter.ee/gg800
I used this code:
.form-wrapper .react-form-contents .field-list .title .required, .form-wrapper .react-form-contents .field-list .fields .description.required {
  visibility: hidden;  
}
.form-wrapper .react-form-contents .field-list .title .required:before, .form-wrapper .react-form-contents .field-list .fields .description.required:before {
  visibility: visible;  
  content: "*"; 
  font-size: 1.5em;
  line-height: 1em;}
 

With my new page www.solarhooldus.ee I had no trouble, so thank you @paul2009

@Rauno Please take a look at my post here:
Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you, now it's fixed.

How did you add them in the first place?
If it's via Custom CSS then using a media query would work well.
Can you share your website URL?

Looking at your website, this is some of the code you are using to apply the image to both desktop and mobile navigation items:
.header-nav-item:nth-child(2) a::before, .header-menu-nav-item:nth-child(1) a::before
This class selects the desktop navigation item:
.header-nav-item
This class selects the mobile navigation item:
.header-menu-nav-item
Remove instances of .header-menu-nav-item if you don't want to apply to the mobile menu. But maybe backup your CSS before you start chopping and changing it!

www.gunter.ee
Code I put to get image:
.header-menu-nav-item:nth-child(1) a::before {
  background: url('https://static1.squarespace.com/static/65cb8d500f32b617ae2a107b/t/65eb0e9c2a01e05851ac6fb6/1709903516200/wozki.png');
}