Прозрачное изображение имело белый фон, когда я добавлял фоновое изображение в тело [закрыто] ⇐ CSS

[Anonymous]

Я создаю веб-страницу с большим прозрачным (без фона/PNG) изображением поезда. Я должен повторить, что это действительно прозрачное изображение без фона, так как я сам удалил фон, холст, который я использовал, был прозрачным (НЕ белым), сайт, на котором я его загрузил, сохранял его прозрачным, и когда я нажимаю + перетаскиваю изображение, у него нет фона.
Но как только я добавил фон к телу, изображение стало окруженным белым квадратным фоном. Это означает, что PNG либо уже имеет белый фон, несмотря на все вышеперечисленное, либо я делаю что-то не так.
Я уверен, что я упускаю что-то глупое, но не могу этого понять. Любая помощь приветствуется!







@font-face {
font-family:"AiN";
src: url(fonts/AutumnInNovember.ttf);
}

@font-face {
font-family:"Inf";
src: url(fonts/Infinitesimal.ttf);
}

@font-face {
font-family:"Jakob";
src: url(fonts/jakobs-handwriting.regular.otf);
}

body {
background-image:url('');
}

.nav {
position: fixed;
margin-left:-9px;
background: #ffffff;
overflow-x: hidden;
padding: 8px 0;
}

.nav img {
height:500px;
z-index:5;
}

.abt {
background-size:cover;
width:500px;
height:300px;
float:right;
}

.abt img {
height:300px;
float:left;
margin-left:-60px;
opacity:1.0;
}