Мне нужна помощь, чтобы создать логотип и инвертировать его в CSS. ⇐ CSS

[Anonymous]

есть этот логотип от Mccan Design, введите здесь описание изображения
он ​​каким-то образом перевернут, и я пытаюсь скопировать стиль, но я новичок в этом и не уверен что делать.
Я создал логотип в Illustrator и сохранил его как .svg (не уверен, нужно ли менять какие-либо параметры при сохранении .svg), а в index.html я добавляю логотип. как img (если я добавьте его как svg-код, это нарушит другие функции):

Код: Выделить всё

[img]image/marketing-logo.svg[/img]

и в css:

Код: Выделить всё

.logo  {
filter: invert(88%) sepia(91%) saturate(1%) hue-rotate(257deg) brightness(107%) contrast(101%);
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, 0);
}

но это не работает.
Заранее спасибо

Подробнее здесь: https://stackoverflow.com/questions/782 ... ted-in-css