body{
    
    background-color: #fbfbe8;
    }

.outer-box{
    
    background-color: yellow;
    width: 600px;
    height: 1700px;
    padding: 20px;
    border: 3px solid red;
    margin: auto;
}


    .photo_1{
        
     background-image: url("../images/dog.jpg");
     width: 450px;
     height: 300px;
     background-repeat:no-repeat;
     background-position:top left;
     margin: auto;
       }


.photo_2{
    
   width: 450px;    
   height: 300px;    
   background-image: url("../images/dog.jpg");
   background-repeat: repeat;
   background-size: 200px auto;  
   margin: 20px auto;
    
    
    
}
    

.photo_3{
    
    background-color: #8dcde9;
    
    background-image: url("../images/dog.jpg");
    width: 450px;    
    height: 300px;  
    background-repeat: no-repeat;
    background-size: 200px auto;  
    background-position: right center;
    margin: 20px auto;
    
}
       
.photo_4{ 

    object-fit: contain;
    width: 450px;    
    height: 300px; 
    object-position: top;
    margin: 20px 133px auto;

}

.photo_4{ 

    object-fit: contain;
    width: 450px;    
    height: 300px; 
    object-position: center;
    margin: 20px 70px auto
   

}
        

.container{
    background-color: #64d1f8;
    width: 450px;    
     height: 200px; 
     margin: 20px auto;
    
}
 .photo_5{ 
     
  
     width: 450px;    
     height: 200px; 
     margin: 30px auto;
     object-position:bottom;
     object-fit: fill;
  

}