.catalog-content {
    padding: 2em 0;
}

.catalog-content i {
    color: var(--color-txt01);
    font-size:.9em
}
.card-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 4em;
    margin-top: 2em;
}

.card-char {
    background: var(--bg01);
    border-radius: 10px;
    width: 20%;
    overflow: hidden;
    height: 300px;
    transition: .4s;
}
.card-char:hover {
    background: var(--color-bg01);
}

.card-char a {
    display: block;
    text-align: center;
    color: var(--color-txt03);
}

.imgcardchar {
    height: 250px;
    max-width: 100%;
    transition: .4s;
}
    /*hover imagem*/
.card-char:hover .imgcardchar {
    transform: scale(1.1);
}

.card-char .card-txt {
    background-color: var(--bg03);
    padding: 10px 0;
    border-top: 1px solid var(--color-bg01);
    transition: .4s;
    z-index: 1;
}
    /*hover texto*/
.card-char:hover .card-txt {
    transform: translateY(-30px);
}

/* hover veja mais */
.card-char .card-txt p {
    font-size: 0;
    transition: .4s;
}
.card-char:hover .card-txt p{
    font-size: 1em;
}
/*--------------------------------------------
Imagens
--------------------------------------------*/
/*killua*/
#img-card-char01 {
    background-image: url(../images/KilluaZoldyck.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/*-levi*/
#img-card-char02 {
    background-image: url(../images/LeviAckerman.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*gojo*/
#img-card-char03 {
    background-image: url(../images/SatoruGojo.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*ban*/
#img-card-char04 {
    background-image: url(../images/Ban.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Giyu Tomioka*/
#img-card-char05 {
    background-image: url(../images/GiyuTomioka.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Ishida Uryuu*/
#img-card-char06 {
    background-image: url(../images/IshidaUryuu.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Gareki*/
#img-card-char07 {
    background-image: url(../images/Gareki.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/* Kenshin Himura */
#img-card-char08 {
    background-image: url(../images/KenshinHimura.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*genos*/
#img-card-char09 {
    background-image: url(../images/Genos.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Kirigaya Kazuto*/
#img-card-char10 {
    background-image: url(../images/KirigayaKazuto.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*DaisukeKambe*/
#img-card-char11 {
    background-image: url(../images/DaisukeKambe.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Gray Fullbuster*/
#img-card-char12 {
    background-image: url(../images/GrayFullbuster.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Izaya Orihara */
#img-card-char13 {
    background-image: url(../images/IzayaOrihara.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Shoto Todoroki*/
#img-card-char14 {
    background-image: url(../images/ShotoTodoroki.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Loid Forger*/
#img-card-char15 {
    background-image: url(../images/LoidForger.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Minato Namikaze*/
#img-card-char16 {
    background-image: url(../images/MinatoNamikaze.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}