Animal fun fact background defaulting right

[codebyte language=javascript]
Project - https://www.codecademy.com/courses/react-101/projects/js-react-animal-fun-facts

Issue: Background ocean image is shifting to the right and I can't figure out why. Is it my formating?

Code:
import { animals } from './animals';
import React from 'react'
import ReactDOM from 'react-dom'

const title = "";

const background = (
    <img
        className="background"
        alt='ocean'
        src='/images/ocean.jpg'
    />
);

const animalFacts = (
    <div>
        <h1>
            {title == "" ? "Click an animal for a fun fact" : title}
            {background}
        </h1>
    </div>
);

ReactDOM.render(animalFacts, document.getElementById('root'))
[/codebyte]

Hi @blogplayer86121, just try to put your {background} element inside the div element but not in your h1. This might be the issue here.

    <div>
        <h1>
            {title == "" ? "Click an animal for a fun fact" : title}
        </h1>
        {background}
    </div>

Like the example above. Let me know if that works for you.