.containerbg {
    background-image: url('https://www.timetecleave.com/img/bg_pricing_scenario.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    padding-bottom: 50%; /* 2:1 */
}

.content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction    : column;
  -ms-flex-direction          : column;
  flex-direction                : column;
  -webkit-justify-content   : center; 
  justify-content               : center; 

  position: absolute;
  top: 0; bottom: 0; left: 20px; right: 20px;
}


/* 768 */
@media only screen and (max-width: 480px) {
.containerbg {
    background-image: url('https://www.timetecleave.com/img/bg_pricing_scenario_768.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    padding-bottom: 50%; /* 2:1 */
}

    .container {
    padding-bottom: 0;
    }
    .content {
    position: relative;
    top: 0; bottom: 0; left: 0; right: 0;
    padding: 20px;
    }



/* Optional CSS for Codepen demo only */

.content {
  font-size: 120%;
  color: #fff;
  /*text-shadow: 0 0 8px #000;*/
}

.content h2 {
  margin: 0 0 16px;
}

.content p {
  margin: 0 0 16px;
}

.content p:last-of-type {
  margin-bottom: 0;
}
}
/* viewport=768*/
@media screen and (max-width: 48em){

.containerbg {
    background-image: url('https://www.timetecleave.com/img/bg_pricing_scenario_768.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    padding-bottom: 30%; /* 2:1 */
}

    .container {
    padding-bottom: 0;
    }
    .content {
    position: relative;
    top: 0; bottom: 0; left: 0; right: 0;
	padding-top:50%;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	
    /*padding: 40px 20px 40px 20px;*/
    }

}

/* viewport=480*/
@media screen and (max-width: 30em){

   .containerbg {
    background-image: url('https://www.timetecleave.com/img/bg_pricing_scenario_480.jpg');
	 min-height:520px;

}

}