Where does img get its width from?

Question

HTML

When using the absolute, there was a misunderstanding .. Where does img get its width from?

<!--START OF CONTENT-->
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-xs-12">
                <div class="jumbotron">
                    <img src="../images/background/lcoation.jpg">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d2010.460680293227!2d34.78478447576259!3d32.064424344285605!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sJohn+Bryce!5e0!3m2!1sru!2sil!4v1498391557573"
                            frameborder="0" style="border:0" allowfullscreen>
                    </iframe>
                </div>
            </div>
        </div>
    </div>
<!--END OF CONTENT-->

.jumbotron img {
    height: 450px;
    width: 100%;
    opacity: 0.6;
    position: absolute;
    transition: ease-in-out 2s;
}

Answer 1

From the element it is positioned relative to, that is, from the nearest parent with a position value other than static.