HTML Posicionamento de imagem em ReactJS

[_Pedro_1002_]

 

Alguém saberia me dizer porque não consigo colocar a imagem no seu tamanho original (1600x900), nem mesmo tentanto aumentar a div?

 

 

 

import React from 'react';

import Background from '../../assets/images/about-background.jpg';

import Header from '../../components/Header/header';

function About() {
    return (
        <div id="about">
            <Header />
            <div className="about-background">
                <img src={Background} alt="background"/>
            </div>
        </div>
    )
}

export default About;

 

[GabrielSennaMs]

@_Pedro_1002_ Isso é devido ao uso da unidade vh, aqui tem um artigo falando sobre: https://desenvolvimentoparaweb.com/css/unidades-css-rem-vh-vw-vmin-vmax-ex-ch/

 

Bom eu acho que você quer fazer isso aqui https://www.w3schools.com/howto/howto_css_full_page.asp.