Media Query

index.html

<section>
  <img src="https://www.lambdatest.com/logo.png" alt="Image 1">
  <img src="https://images.g2crowd.com/uploads/product/image/large_detail/large_detail_c8f5f4721cde3897dffa246c0e0bfce9/lambdatest-lambdatest.png" alt="Image 2">
</section>

style.css

section {
  display: flex;
}

img {
  width: 50%;
  height: auto;
}

@media screen and (min-width: 768px) {
  img {
    max-width: 50%;
    max-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  img {
    max-width: 200px;
    max-height: 50%;
  }
}