Me encuentro usando Bootstrap y no consigo en ningún lado saber como hacer botones responsive sobre las imágenes, quiero colocar una foto de perfil sobre la imagen del banner y además quiero que en la responsividad siga la línea de la imagen, quien me pudiese ayudar estaría agradecido.
Dentro del mismo div class de la imágen deberías colocar los botones.
Para bloquear los botones podrías usar el gap y block, por ejemplo:
<div class="d-grid gap-2">
<button class="btn btn-primary" type="button">Button</button>
<button class="btn btn-primary" type="button">Button</button>
</div>
<div class="d-grid gap-2 d-md-block">
<button class="btn btn-primary" type="button">Button</button>
<button class="btn btn-primary" type="button">Button</button>
</div>
ya con los tamaños irás jugando vos.
También tenes el auto, por ejemplo:
<div class="d-grid gap-2 col-6 mx-auto">
<button class="btn btn-primary" type="button">Button</button>
<button class="btn btn-primary" type="button">Button</button>
</div>
En caso de que aún no puedas y no encuentres solución te invito a que nos compartas el código.
Saludos!