사이트 공개 전 마지막 문제

여러분 안녕하세요,
저희 사이트를 홍보하기 시작했습니다. 마지막으로 만난 문제를 해결하고 싶습니다. 도와주세요 :pray:

아래 코드를 사용 중입니다. 불필요한 부분은 제거했습니다.
이 코드들에서 데스크톱 탭과 모바일 탭에는 해당 필드를 추가하지 않았습니다.

/* kategori */
body .category-list [data-category-id="37"],body .category-list [data-category-id="37"] {
    position: relative;
    margin-top: 50px;
}
body [data-category-id="37"]::before {
    content: "▼ YAPIMCISINDAN MMORPG";
}
body [data-category-id="37"]::before,body [data-category-id="37"]::before {
    position: absolute;
    top: -35px;
    left: 0;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    color: rgb(247, 247, 255,.9);
    border-left: 3px solid #e53967;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #36364d;
}

body [data-category-id="31"]::before,body [data-category-id="31"]::before {
    position: absolute;
    top: -35px;
    left: 0;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    color: rgb(247, 247, 255,.9);
    border-left: 3px solid #e53967;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #36364d;
}

body .category-list [data-category-id="31"],body .category-list [data-category-id="31"] {
    position: relative;
    margin-top: 50px;
}
body [data-category-id="31"]::before {
    content: "▼ PRIVATE SERVER MMORPG";
}
/* kategori */

F12를 통해 코드를 제거하면 배경 이미지가 다시 나타납니다.
하지만 이 코드들이 존재할 때는 나타나지 않습니다.


https://pvpfarm.com

도움을 주실 분들께 미리 감사드립니다.
작동하지 않으면 해당 코드들을 제거할 것입니다.
하지만 이 코드들은 사이트에 유용하여 카테고리를 분리할 수 있으므로, 이를 정리할 수 있다면 좋겠습니다.

코드를 :before에서 :after로 변경했습니다.
이렇게 하면 문제가 해결되었습니다.
이것이 최종적인 해결책인가요?