Hat leider nicht funktioniert.
Die Bilder sind dann beide viel kleiner.
Den Teil mit Wrapper habe ich in den Teil Header bei style gepackt, unten den Verweis auf die beiden Bilder und nur den src Teil angepasst.
HTML
<html>
<head>
<title>Bilder nebeneinander</title>
<style>
.wrapper {
display: flex;
flex-direction: row;
width: 100%;
}
.wrapper > div:first-child {
margin-right: 15px;
}
.wrapper img {
display: block;
max-width: 100%;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="img1">
<a href="https://www.example.com/index.php"><img src="http://www.example.com/wp-content/uploads/2017/06/bgHome.jpg"></a>
</div>
<div class="img2">
<a href="https://www.example.com/"><img src="https://www.example.com/media/media/resizeMedia.do?media_id=22961&"></a>
</div>
<div>