Display problem with breadcrums

Hi,

We use breadcrum add-on for wordpress in our site. Everithing works fine but now breadcrums show messy. I didn't find option for attachments so I try describe it. We use custom separator and it is shown in the next line And it add nubers before breadcrums but we dont set any nuber option. For example our bredcrums looks like this:
1.  home
/
2. about
/

I also attach html code of page:

<ol>
<li>
<a title="Domov" href="https://mcedu.sk"><br>
<span>Domov</span><br>
</a><br>
<span class="separator"> /</span>
</li>
<li>
<a title="O spoločnosti" href="https://mcedu.sk/o-spolocnosti-2/"><br>
<span>O spoločnosti</span><br>
</a><br>
<span class="separator"> /</span>
</li>
</ol>
<p> <script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://mcedu.sk",
"name": "Domov"
}
}
, {
"@type": "ListItem",
"position": 3,
"item": {
"@id": "https://mcedu.sk/o-spolocnosti-2/",
"name": "O spoločnosti"
}
}
]
}
</script></p>
<style type="text/css">
.breadcrumb-container {
font-size: 13px;
}</p>
<p> .breadcrumb-container ul {
margin: 0;
padding: 0;
}</p>
<p> .breadcrumb-container li {
box-sizing: unset;
display: inline-block;
margin: 0;
padding: 0;
}</p>
<p> .breadcrumb-container li a {
box-sizing: unset;
padding: 0 10px;
}</p>
<p> .breadcrumb-container {
font-size: 10 !important;
padding: ;
margin: ;
}</p>
<p> .breadcrumb-container li a {
color: !important;
font-size: 10 !important;
line-height: 10 !important;
}</p>
<p> .breadcrumb-container li .separator {
color: #595959 !important;
font-size: 10 !important;
}</p>
<p> .breadcrumb-container li:last-child .separator {
display: none;
}</p>
</style>
<style type="text/css">
.breadcrumb-container.theme2 li {
margin: 0;
padding: 0;
}
.breadcrumb-container.theme2 a {
background: ;
border-bottom: 1px solid rgb(139, 139, 139);
border-top: 1px solid rgba(255, 255, 255, 0);
display: inline-block;
margin: 0 5px;
padding: 5px 10px;
text-decoration: none;
}
</style>
<style type="text/css">
.breadcrumb-container{}
.breadcrumb-container ul{}
.breadcrumb-container li{}
.breadcrumb-container a{}
.breadcrumb-container .separator{}
</style>
<p> <script>
</script>
</p>

Thanks for your response

Best regards

Patrik