当我将带有html的代码块放在该部分中时，为什么它不显示我的自定义CSS？

Question

我正在使用Oxygen作为主题编辑器来处理网站的页面边框。它比其他主题提供了很多灵活性。在教程https://oxygen4fun.supadezign.com/tutorials/how-to-add-a-shape-divider/中，它提到需要在该部分中放置代码块。我这样做了，什么都没发生，但是在其他屏幕截图中，当它不在本节之外时，它起作用了吗？为什么会这样呢？所有代码都在样式表中。

我只是尝试将其拖动到该部分，但不会显示。我尝试启用相对和绝对定位。在该区域中仍然没有显示任何内容。当我将其放置在分区区域之外但希望将其放入内部时，它可以工作。

#Section1{
    position: relative;

}

#Section1 svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    fill: #FF5252;
    transform:scale(-1,-1);
}

#Section2{
    position: relative;

}

#Section2 svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    fill: #FF5252;
    transform:scale(-1,-1);
}

#Section3{
    position: relative;

}

#Section3 svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    fill: #FF5252;
    transform:scale(-1,-1);
}

#Section4{
    position: relative;

}

#Section4 svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    fill: #FF5252;
    transform:scale(-1,-1);
}

screenshot of oxygen theme editor