Webamp skins stacking

[chr0notrigger]

I've been having this problem when it comes to loading skins on webamp, as the very first skin I downloaded keeps being overlayed on top of the most recent skin I upload. I'm not exactly sure what is causing this.

For reference the blue sections were apart of the first skin I uploaded. Meanwhile the pink and gray sections are from this skin: https://skins.webamp.org/skin/a04b52cfb9241d3fffa040c785b3d69d/Pink_Design.wsz/ Heres what I have in my webamp.js file:

function startWebAmp() {
        const app = document.getElementById("webamp");
        const webamp = new Webamp(
          {
            __initialWindowLayout: {
                // width = 275
                main: { position: { x: -275, y: 0 } }, // 0,0
                equalizer: { position: { x: 0, y: 0 } }, //0,116
                playlist: { position: { x: 275, y: 0 }, size: [0, 0] }, //0,232
                },
           initialSkin: {
                url: " https://cdn.webampskins.org/skins/a04b52cfb9241d3fffa040c785b3d69d.wsz "
           },
          }
          );
        webamp.renderWhenReady(app);

Sorry this is so messy and so poorly worded

[captbaritone]

Can you share the other skin you are trying? The blue one?

Can you also clarify the action you are taking to get into this state? I assume you are loading the page (which includes the code you referenced here) and then what are you doing?

[chr0notrigger]

Yep this is the code for the blue one: https://skins.webamp.org/skin/b0fb83cc20af3abe264291bb17fb2a13/Winamp5_Classified_v5.5.wsz/

I have webamp set up on my neocities site and I am just reloading my page. Each time it just automatically appears like this.