Почему прозрачное изображение из канвы не будет отображаться на моем сайте?

Question

Я делаю сайт для ресторана, и мне нужно вставить прозрачный логотип из Канвы, но после добавления не будет отображаться. Это странно, потому что когда я пробовал с другими изображениями НЕ из Канвы, это работало. В чем проблема?

Изображение в формате png, но я пробовал в jpg, но ничего не произошло. Я добавил даже изображения с фоном, но ни один не работает.

Не похоже, что это проблема кода, потому что, как я уже сказал, изображения из других источников, кроме canva, обычно отображаются, но, возможно,

Изменение имени файла ничего не решает.

import styled from 'styled-components'

import LogoImage from '../images/Super Sogbu (3).png'

const Logo = styled.img `
position: absolute;
top: 5vh;
left: 5vh;
width: 10%;
height: 10vh;
margin: 0;
padding: 0;
background-image: url(${LogoImage}) no-repeat center center fixed;
color: black;
`;

export default Logo;

Это мой первый вопрос, поэтому я не знаю точно, как мне описать проблему, но я надеюсь, вы понимаете, о чем я.

Answer 1

Это похоже на неверный CSS. Должно быть либо:

background-image: url(${LogoImage});
background-repeat:no-repeat;
background-position: center center;
background-attachment: fixed;

или

background: url(${LogoImage}) no-repeat center center fixed;