.banphoto{
    opacity: 0.3;
    padding: 25px;
    height: auto;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
  }
.card-img-top{
    width: 100%;
    height: 200px;
    object-fit: fill;
}

.card-img-top:hover{opacity: 0.7;

}