Solved CSS Not showing

Hello, I am facing this kind of problem where if I switch to visual builder on my Header menu and I add custom css for the logo to show up next to a menu link I actually cannot see it when I turn it off. It has nothing to do with cache and I am really hopeless with this one. If anyone could help it would mean alot.

Here are photos and the code:

With visual builder on:





Without visual builder on:


Here is the code:


#menu-item-20231 a::after {
content: "";
display: inline-block;
width: 25px;
height: 25px;
background-image: url('http://www.rsnetopyr.cz/wp-content/uploads/2024/08/cropped-netopyr-site-icon.png'); /* Vaše logo */
background-size: contain;
background-repeat: no-repeat;
margin-left: 10px;
vertical-align: middle;
}