JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dimensions">
    <img src="https://produkte.sueddeutsche.de/wp-content/uploads/2017/02/150_Logo_BMW_-100x100.png" style="z-index: 4;">
    <div class="centered">
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/67/Hoffl%C3%B6th%28T%C3%B6Vo-Cl%C3%B6rath%29-2%28400x400%29.jpg" style="z-index: 2;">
    <div>
</div>

CSS

img {
        max-width: 100%;
        height: auto;
   }

.dimensions {
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

.centered {
        text-align: center;
        width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }