Как сделать div по размеру img?

function toggle() { 
  document.getElementById('image1').classList.toggle('hidden'); 
  return false; 
}

.red { 
  display: inline-block; 
  background-color: red; 
  line-height: 0; 
} 
 
.hidden { 
  visibility: hidden; 
}

<a href="#" onclick="return toggle();">показать/спрятать</a> 
 
<br/> 
 
<div class="red"><img id="image1" src="http://dosaaf34-tr.ru/wp-content/uploads/2017/09/1-31-300x184.jpg"></div>

#imgcont { 
  margin: 0; 
  width: max-content; 
  border: 4px solid black; 
} 
 
img { 
  width: 30vw; 
  height: 30vw; 
}

<div id="content"> 
  <div id="imgcont"><img src="https://www.1zoom.ru/big2/34/322924-alexfas01.jpg"></div> 
  <p>Sometext</p> 
</div>