body { 
  background: #F0EDE8; 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center;
  background-attachment: fixed; 
  margin: 0; 
  font-family: Arial, sans-serif; 
} 
  
.blog { 
  background-color: rgba(255, 255, 255, 0.85);
  width: 70%; 
  margin: 40px auto;
  padding: 20px; 
  border-radius: 10px; 
} 
  
.cuadro-principal {
  background-color: #FFF1F1;
  width: 82%;   
  min-height: 1150px;
  margin: 50px auto;    
  padding: 0px;        
  border-radius: 5px;  
  border: 2px solid #DFCACD;

  position: relative;
}

.sub-cuadro-alargado {
  width: 90%;
  height: 140px;
  position: absolute; 
  top: 52px;             
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub-cuadro-alargado img {
  width: 90%;         
  height: 90%;   
  object-fit: cover;   
  border-radius: 5px;  
  border: 2px solid #DFCACD;
}

.sub-cuadro-rectangulo {
  width: 320px;       
  height: 500px;      
  background-color: #FFF7F5; 
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #DFCACD;

  position: absolute; 
  top: 192px;    
  left: 981px;   
}
  
.sub-cuadro-rectangulo-derecha {
  width: 320px;       
  height: 500px;      
  background-color: #FFF7F5;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #DFCACD;

  position: absolute; 
  top: 192px;   
  right: 981px;  
}
  
.sub-cuadro-rectangulo-medio {
  width: 505px;       
  height: 290px;      
  background-color: #FFF7F5; 
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #DFCACD;

  position: absolute; 
  top: 192px;    
  left: 465px;  
}

.sub-cuadro-rectangulo-medio2 {
  width: 505px;       
  height: 200px;      
  background-color: #FFF7F5; 
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #DFCACD;

  position: absolute; 
  top: 492px;    
  left: 465px;  
}

.img1 {
position: absolute; 
top: 700px; 
left: 135px;
}
.img1 img { 
height: 150px; 
border: 2px solid #DFCACD;
}

.img2 { 
position: absolute; 
top: 860px; 
left: 135px; 
}
.img2 img { 
  height: 332px; 
  width: auto; 
  border: 2px solid #DFCACD;
}

.img3 { 
position: absolute; 
top: 700px; 
left: 358px; 
}
.img3 img { 
  height: 150px; 
  width: auto; 
  border: 2px solid #DFCACD;
}

.img4 { 
position: absolute; 
top: 860px; 
left: 334px; 
}
.img4 img { 
  height: 185px; 
  width: auto; 
  border: 2px solid #DFCACD;
}

.img5 { 
position: absolute; 
top: 2000px; 
left: 334px; 
}
.img5 img { 
  height: 160px; 
  width: auto; 
  border: 2px solid #DFCACD;
}