.card-image {
    border-radius: 8px;
    border: 8px solid transparent;
    outline: 1px solid #C9C9B2;
    gap: 0!important;
    transition: transform 0.25s ease;
    transform-origin: center center;
}
.card-image:hover {
  transform: rotate(-3deg);
  cursor: pointer;
}

.card-image .card-image-img {
    border-radius: 8px;
    overflow: hidden;
}
.card-profile .card-image-img {
    border-radius: 8px 8px 0px 0px!important;
    width: 100%!important;
}
.card-profile .card-image-img img {
    width: 100%!important;
    height: 200px;
}
.card-profile .card-image-content {
    height: calc(100% - 200px)!important;
    justify-content: flex-start;
}
.card-image .card-image-content {
    gap: 0.5rem!important;
    padding: 1rem!important
}

.card-image .card-image-content .button {
    margin-top: 1rem;
}
.card-image:hover .button {
    background: var(--color-green)!important;
}
@media (min-width: 768px) {
    .card-image {
        max-width: 464px;
    }
}