tengo una imagen y un botón de volver que va encima de la imagen (entre el texto y la cabeza de las personas) El problema lo tengo para lograr que las posiciones sean responsive. Cuando modifico el ancho de ventana el centrado horizontal esta bien pero cambia la ubicación que había dado verticalmente...
body {
margin: 0;
padding: 0;
}
section#contruccion {
width: 100%;
}
section#contruccion div#proxi {
text-align: center;
}
section#contruccion div#proxi a#volver {
position: absolute;
top: 120px;
z-index: 100;
width: 40%;
background: #b5de0a;
font-size: .5rem;
padding: 5px 5px;
text-align: center;
text-decoration: none;
color: #fff;
border-radius: 5px;
left: 30%;
}
section#contruccion div#proxi img {
width: 100%;
position: relative;
left: 0;
}
<html>
<body>
<section id="contruccion">
<div id="proxi">
<a href="tienda_virtual.php" id="volver">VOLVER A TIENDAS</a>
<img src="https://timondigital.com/web/imagenes/proximamente1.jpg" alt="estamos renovando">
</div>
</section>
</body>
</html>