JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="image">img</div>
    <div class="info">info</div>
</div>

CSS

.wrap {
    background: gray;
    min-height: 200px;
    padding: 10px;
}
.image {
    width: 270px;
    height: 180px;
    background: lightgray;
    display: inline-block;
}
.info {
    background: lightsteelblue;
    display: inline-block;
}
@media only screen and (max-width:1000px){
    .image, .info {
        width: 100%;
        display: block;
    }
}