Изображение для топ бордера
введите сюда кодУ меня есть контейнер, на верх этого контейнера в виде рамки мне нужно вставить изображение не меняя его основной стиль, я пытался вставить через border-top и background-image: но не работает. Я залил svg файл в гугл диск https://drive.google.com/file/d/17nm5BnTcg5WjDlgW1oNIkG8J2vlxKda4/view?usp=share_link
https://i.sstatic.net/IcGS6.png
.container {
padding-top: 3%;
padding-left: 5%;
padding-right: 3%;
width: 800px; height: 95vh;
font: bold 16px/1.3em sans-serif;
color: #f1d476;
box-sizing: border-box;
resize: both;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.container::before,
.container::after {
content: '';
position: absolute;
top: 50%; left: 50%; z-index: -1;
width: 100%; height: 100%;
transform: translate(-50%, -50%);
}
.container::before {
background-image: linear-gradient(#745225, #281d0b);
clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% calc(100% - 13px), calc(100% - 13px) 100%, 13px 100%, 0 calc(100% - 13px), 0 13px);
}
.container::after {
background-image: linear-gradient(#4c300e, #090601);
clip-path: polygon(14px 2px, calc(100% - 14px) 2px, calc(100% - 2px) 14px, calc(100% - 2px) calc(100% - 14px), calc(100% - 14px) calc(100% - 2px), 14px calc(100% - 2px), 2px calc(100% - 14px), 2px 14px);
}
<div class="container">
<section>
<div class="image-top"></div>
<div class="logo"><img src="img/maintance-logo.png" alt=""><div class="logo-text"> <p >INTERNATIONAL CYBER CUP</br> </p> <p class="logo-text-2">TOP WORD GAMING</p></div></div>
<div class="work">
<p >Ведутся технические работы. Сайт скоро заработает.<br>
Больше информации в группе <a href="https://vk.com/iccupcom">vk.com/iccupcom</a>
</p>
</div>
<div class="twit">
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">New <a href="https://twitter.com/hashtag/DotA?src=hash&ref_src=twsrc%5Etfw">#DotA</a> Season 54 will start on March 3rd. This season's maintenance and core infrastructure update will take longer than usual, so please be patient! We'll let you know as soon as you can play on <a href="https://twitter.com/hashtag/iCCup?src=hash&ref_src=twsrc%5Etfw">#iCCup</a>!</p>— iCCup.com (@iCCupcom) <a href="https://twitter.com/iCCupcom/status/1630983890780160003?ref_src=twsrc%5Etfw">March 1, 2023</a></blockquote>
</div>
</section>
</div>
</div>
Источник: Stack Overflow на русском