1. Create two Featured Image in your Archive layout

2. In the first featured image give a condition to show ONLY when there's Featured Image

3. In the second featured image add a new class "no-image"

4. Add this css line in your custom css

.no-image {
	background-image: url(xxxxxxxxxxx)!important;
	background-position: 50% 50%;
	background-size: cover;
}

5. In the second featured image give a condition to show when there's NO Featured Image

To use Featured Image as banner background, follow as below

Create two sections and give condition as mentioned above

Then, add below css in your custom css

.no-image2 {
	background-image: url(xxxxxxxxxx)!important;
	background-repeat: repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.no-image2::before {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.title-style1 {
     position:relative;
}