Está foi a solução desenvolvida por mim:
body {
background-color: #041833;
margin: 2rem 3rem;
}
.titulo {
display: inline;
color: #FFF;
border-bottom: 2px solid #FFF;
padding-bottom: 8px;
}
.quadros__container {
display: flex;
flex-wrap: wrap;
justify-content: center;
background-color: #525C63D8;
margin-top: 2rem;
border-radius: 10px;
align-items: center;
gap: -2rem;
}
.quadro-imagem {
width: 200px;
}
.obra-titulo {
border: 3px dotted #FFF;
color: #FFF;
text-align: center;
display: flex;
}
.obra-titulo > .obra-autor {
margin: 10px auto;
}