Looking to achieve a card style similar to this: http://prntscr.com/p6svjf
How can I create this design to ensure it remains responsive?
<div class="recent-work">
<img src="work/mercedes.png">
<h3>Modern website concept</h3>
<p>Encountering an issue here</p>
</div>
.recent-work {
background-color: black;
width : 100%;
height : 50%;
padding-top : 10%;
}
.recent-work img {
width: 750px;
}
.recent-work p {
color : white;
display: inline;
}
.recent-work h1 {
color: white;
}