Ten en cuenta que en las ciencias un error casi siempre tiene diversas soluciones, por lo tanto aquí te mostramos lo mejor y más eficiente.
Solución:
Lee esto http://bulma.io/documentation/layout/hero/ o prueba personalizado
//In HTML Section you need to create a class name Ex. bg-imge
//in custom CSS you need to add
.bg-img
background-image: url(demo.jpg) ;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #999;
// [.img-responsive is custom class in bootstrap]
// You can use custom class like
.img-responsive
display: block;
max-width: 100%;
height: auto;
//which you can put in your html Img part
//in bulma.io [i'm not sure] but For single image you can use this.
//It will auto responsive.
lea http://bulma.io/documentation/elements/image/ aquí encontrará la sección responsive de bulma.io img
Te invitamos a añadir valor a nuestra información cooperando tu experiencia en las aclaraciones.
