<!DOCTYPE html>
<html>
<head>
<style>
.container {
    display: flex;
    align-items: center;
    width: 95%;
    justify-content: space-evenly;
    padding: 2vw;
}



</style>
<body>

<div class="container">
  <div ><img style="width: 30vw;" width="200"  loading="lazy" style="width:100%;height:auto;display:block;" src="images/bmw4seriesred.webp"></div>
  <div><img style="width: 30vw;"width="100"  loading="lazy" style="width:100%;height:auto;display:block;" src="images/bmw4seriesred.webp"></div>
  <div><img style="width: 30vw; media="(min-width: 0px) and (max-width: 767px)" type="image/webp" width="767" height="null" src="images/bmw4seriesred.webp"></div>  
</div>

</body>
</html>


