Positioning images

by eitanp461

HTML

<div class="container">
  <img src="https://res.cloudinary.com/demo/sample" class="bg">
  <img src="https://res.cloudinary.com/demo/w_150/couple" class="logo">
</div>

CSS

.container {
  display: flex;
  justify-content: center;  vertical-align: middle;
  position: relative;
  border: 3px solid red;
  height: 300px;
}

.bg {
  max-width: 100%;
  object-fit: cover;
}

.logo {
  position: absolute;
  bottom: 5px;
  right: 5px;
}