.xxx{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: blue;
    clip-path:circle(600px at right 900px);
        
}


/*EXTRA ADDON*/
/*background: linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url('planets.jpg');*/
.q1 {

 background: url('q1.png');
/*
-webkit-transform:rotate(120deg);
    -moz-transform:rotate(120deg);
*/
/*  background-size: cover;*/
  
/*  overflow: hidden;*/
/*    background-repeat: no-repeat;*/
  background-position: 50% 21%;
    
  
}

.b1 {

 background: url('pl1.jpg');
/*
-webkit-transform:rotate(120deg);
    -moz-transform:rotate(120deg);
*/
  background-size: cover;
  
  overflow: hidden;
    background-repeat: no-repeat;
  background-position: 50% 21%;
  
}

.q3 {

 background: url('q3.png');
/*
-webkit-transform:rotate(120deg);
    -moz-transform:rotate(120deg);
*/
/*  background-size: cover;*/
  
/*  overflow: hidden;*/
/*    background-repeat: no-repeat;*/
  background-position: 50% 21%;
    
    
  
}

.q4 {

 background: url('q4.jpg');
/*
-webkit-transform:rotate(120deg);
    -moz-transform:rotate(120deg);
*/
/*  background-size: cover;*/
  
/*  overflow: hidden;*/
/*    background-repeat: no-repeat;*/
  background-position: 50% 21%;
    
    
  
}

.b3 {


   color: #fff;
    
    background: url('pl3.jpg');

  background-size: cover;
  
  overflow: hidden;
    background-repeat: no-repeat;
  background-position: 50% 21%;
  
}