.cardo {
    height: 448px;
    width: 270px;
    background: #808080;
    
    transition: background 0.8s;
    overflow: hidden;
    background: #000;
   
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .cardin {
    height: 448px;
    width: 270px;
    background: url("../img/perfil/perfil-BW.jpg") center center no-repeat;
    background-size: 270px;
  }
  .cardin:hover {
    height: 448px;
    width: 270px;
    background: url("../img/perfil/perfil-color.jpg") left center no-repeat;
    /*background-size: 540px;*/
    background-size: 340px;
  }


  /* portafolio */

  .item-contenido {
    overflow: hidden; /* Esto asegura que la imagen no se desborde del contenedor */
  /* Ajusta el ancho del contenedor según tus necesidades */
     /* Ajusta el alto del contenedor según tus necesidades */
  }
  
  .item-contenido img {
    width: 100%; /* Ajusta el ancho de la imagen al 100% del contenedor */
    height: auto; /* Esto permite que la imagen se ajuste proporcionalmente */
    transition: transform 0.3s ease; /* Añade una transición suave */
  }
  
  .item-contenido:hover img {
    transform: scale(1.5); /* Esto hace el zoom in de la imagen al 110% de su tamaño original */
  }