.tx-isa-member-section .faces-of-arachnology-container .card-sizer,
.tx-isa-member-section .faces-of-arachnology-container .flip-card {
    width: 24%;
}

.tx-isa-member-section .faces-of-arachnology-container.random-member .card-sizer,
.tx-isa-member-section .faces-of-arachnology-container.random-member .flip-card {
    width: 100%;
}

.tx-isa-member-section .faces-of-arachnology-container .flip-card .flip-card-back {
    box-shadow: none;
}

.tx-isa-member-section .faces-of-arachnology-container .flip-card .flip-card-back .card {
    min-height: 100%;
}

.tx-isa-member-section .faces-of-arachnology-container .flip-card .card .card-img-top {
    width: 100%;
    height: auto;
}

.tx-isa-member-section .filter-btn-group button.active {
    color: #3c9367;
    background-color: #fff;
}

.tx-isa-member-section .faces-of-arachnology-container .flip-card .card-body h5 {
    font-weight: bold;
}

.tx-isa-member-section .faces-of-arachnology-container .flip-card .card-text.comment br:first-of-type {
    display: none;
}

@media screen and (max-width: 768px) {
    .tx-isa-member-section .faces-of-arachnology-container .card-sizer,
    .tx-isa-member-section .faces-of-arachnology-container .flip-card {
        width: 47.5%;
    }
}

@media screen and (max-width: 400px) {
    .tx-isa-member-section .faces-of-arachnology-container .card-sizer,
    .tx-isa-member-section .faces-of-arachnology-container .flip-card {
        width: 95%;
    }
}