*
{
    margin:0; padding:0;    
    box-sizing: border-box;
    
}
.contenedorimg
{
    position: relative;
    
background: #ddd;
    }
    
    .contenedorimg h1
{
    font-size:40px;
    font-family: Verdana, Geneva, Tahoma, Sans-Serif;
    font-weight:normal;
    padding: 15px;
    color:Orange;
    text-align:center;
    text-transform:capitalize;
    
    }
    
       .contenedorimg .image-contenedor
{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    padding: 10px;
    
    }
    
           .contenedorimg .image-contenedor .imagenn
           
{ 
    height: 250px;
  width: 350px;
  border: 10px solid #fff;
  box-shadow: 0 5px 15px rgba (0,0,0,.1);
  overflow: hidden;
  cursor: pointer;
  
    
    }
    
               .contenedorimg .image-contenedor .imagenn img
           
{ 
    
    height:250px;
  width: 350px;
  object-fit:cover;
  transation: .2s linear;
  
  
    
    }
    
                   .contenedorimg .image-contenedor .imagenn:hover img
           
{ 
    
   transform: scale(1.1);
   
  
    
    }
    
    
     .contenedorimg .popup-imgg
           
{ 
    
    
  position:fixed;
  top:0; left:0;
  background: rgba(0,0,0,.9);
  height: 100%;
  width: 100%;
  z-index:100;
  display: none;
  
    }
    
 .contenedorimg .popup-imgg span
           
{ 
    
  position: absolute;
  top:0%; 
  right:0%;
  font-size:70px;
  font-weight:bolder;
 color:#B60600;
cursor:pointer;
 z-index:100;
    }
    
    .contenedorimg .popup-imgg img
           
{ 
    
  position:fixed;
  top:30%; 
   left:35%;

 border:5px solid #fff;
 border-radius: 5px;
 width: 23%;
 height:40%
 
 object-fit: cover;

    }
    
    @media (max-width:968px)
    
   {
       
       .contenedorimg .popup-imgg img
       {
           width: 45%;
           
           }
       
       }