Background Images - Examples Using CSS & ACF

gistfile1.txt

style="background-image:url('<?php $image = get_sub_field('image'); $size = 'full'; if( $image ) { echo wp_get_attachment_image_url( $image, $size ); } ?>');"

style="background-image: linear-gradient(269.77deg, rgba(0, 0, 0, 0.2) 2.1%, rgba(0, 0, 0, 0.6) 100%), url(<?php $image = get_sub_field('background_image'); $size = 'full'; if( $image ) { echo wp_get_attachment_image_url( $image, $size ); } ?>);"

/* Background Images CSS */
background-image:url(images/image.jpg);
background-repeat: no-repeat;
background-size:cover;
background-position:center;