how to fixed any img in div

Question

<style>

.Campus-Selection {
width: 100vw;
/* height: 100vh; */
background-color: #fff;
}

.Campus_Selection_top_image_Container {
height: 300px;
width: 100%;

}

.Campus_Selection_top_image_Container img {
width: 100%;
height: 100%;
box-sizing: border-box;
opacity: 0.8;
object-fit:fill;
background-size:cover;
/* object-position: left; */
background-repeat: no-repeat;
}
<div class="Campus-Selection">
<div class="Campus_Selection_top_image_Container">
<img src="admission_open.png" alt="Study">
<!-- <div class="Selection_Text">
<h2 class="SubHeadline">Campus Selection</h2>
<p class="SubTitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora est sint corrupti.
Aliquid ea
quibusdam minus recusandae soluta a sequi accusamus quae, inventore ipsam provident, doloremque
minima ipsum voluptate eligendi !
</p>
</div> -->
</div>
</div>
</style>

Answer 1

Rita Roy
I think you need this(for example)!
https://code.sololearn.com/W9C67yfY793y/?ref=app

And you should learn this...
How to host/upload an image
https://code.sololearn.com/Wy3lrXNwGsgJ/?ref=app

How to host/upload an image with Dropbox
https://code.sololearn.com/WW6t4B73kJVz/?ref=app