<div class="row">
  <div class="w50 textbox-1">
    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus aliquid eius quia expedita illo sequi optio labore assumenda. Quisquam illo voluptatibus repellendus mollitia quos maxime quas laborum. Perspiciatis hic, accusamus.Aenean ut risus sodales elit sodales sodales eu sit amet quam. Curabitur feugiat nibh eu imperdiet porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras auctor, tortor sed ornare vestibulum, erat erat semper ligula, at aliquam justo purus at massa. Vestibulum magna justo, dapibus blandit faucibus at, pharetra quis nulla. </p>
  </div>
  <div class="w50 object-fit"><a href="#"> <img src="https://picsum.photos/600/300" alt="broken image" width="100%"> </a></div>
</div>

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
	margin: 0;
	background-color: #FFEEDD;
}
.textbox-1 {
	font-size: 1.25em;
	text-align: justify;
}
.row {
	display: flex;
	justify-content:space-around;
	padding:25px 0 ;
	max-width:1280px;
	margin:auto;
	
}
.w50 {
	flex: 0 0 45%;
	background:#ccc;
}
.w50 p{
  margin:0;
  padding:10px;
}
.object-fit{
	overflow:hidden;
	position:relative;
}
.object-fit img{
	position: absolute;
	top:50%;
	left:50%;
	height:auto;
	width:auto;
	min-width:100%;
	min-height:100%;
	transform:translate(-50%, -50%);
}
@supports (object-fit: cover) {
  .object-fit img  {
    position: absolute;
    left:0;
    top:0;
    height: 100%;
    width: 100%;
    transform: none;
    object-fit: cover;
  }
}