XF 2.3 extra.less Node Icon & image over subnodes

[SurrealWorld]

I am trying to learn how to properly modify extra.less for custom node icons. My current code for some reason will not show any icon greater than 3. No matter what image I use for my icon, it will only show the first 3 image icons for nodes. I am new, so i appreciate any guidance:

I also noticed that this code will not work with subdomain id's as the decimal is rejected in the line of code.

Ideally for my sub domains I would like to have a landscape style image maybe 250x50 as a clickable button for my sub categories. Can someone give me a basic code to do this as well as troubleshoot the above issue.





These sub nodes I would like to replace with images of the games they represent like a giant clickable button instead of the black and blue matted icon and text.

Like I said I'm a noob, so I greatly appreciate your guidance.
Thanks for all your help, check out my new site! surrealworld.org

Spoiler: extra.less

/*** Node icons with image **/
.node.node--id67 {
svg { display: none; }
.node-subNodeMenu svg {display: initial;}

&.node--forum {
.node-body {
padding-left: 5px;
}
.node-icon {
background-image: url('https://surrealworld.org/index.php?attachments/steam-icon-copy-png.118/');
background-repeat: no-repeat;
background-position: center;
background-size: contain;


}
&.node--read .node-icon {
opacity: 1;
}
}
}
/*****/
/*** Node icons with image **/
.node.node--id64 {
svg { display: none; }
.node-subNodeMenu svg {display: initial;}

&.node--forum {
.node-body {
padding-left: 5px;
}
.node-icon {
background-image: url('https://surrealworld.org/index.php?attachments/media-icon-copy-png.119/&hash=1481ecd01c663f7449dc8adda86c39c9');
background-repeat: no-repeat;
background-position: center;
background-size: contain;


}
&.node--read .node-icon {
opacity: 1;
}
}
}
/*****/
/*** Node icons with image **/
.node.node--id88 {
svg { display: none; }
.node-subNodeMenu svg {display: initial;}

&.node--forum {
.node-body {
padding-left: 5px;
}
.node-icon {
background-image: url('https://surrealworld.org/index.php?attachments/art-icon-copy-png.122/&hash=1481ecd01c663f7449dc8adda86c39c9');
background-repeat: no-repeat;
background-position: center;
background-size: contain;


}
&.node--read .node-icon {
opacity: 1;
}
}
}
/*****/
/*** Node icons with image **/
.node.node--id53 {
svg { display: none; }
.node-subNodeMenu svg {display: initial;}

&.node--forum {
.node-body {
padding-left: 5px;
}
.node-icon {
background-image: url('https://surrealworld.org/index.php?attachments/1749260966420-png.124');
background-repeat: no-repeat;
background-position: center;
background-size: contain;


}
&.node--read .node-icon {
opacity: 1;
}
}
}
/*****/