.name-genre {
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: .2px;
    color: #ffffff;
}

.name-genre:hover {
    color: #ee293a;
}

.container-genres {
    padding: 0 0;
    margin: 0 auto;
    width: 100%;
}

.container-genres .gallery-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 200px;
}

@media only screen and (max-width:576px) {
    .container-genres .gallery-wrap {
        height: 150px;
    }
}

.container-genres .gallery-wrap .item {
    flex: 1;
    height: auto;
    background-position: center;
    background-size: cover;
    background-repeat: none;
    transition: all 0.8s ease;
}

.container-genres .gallery-wrap .item:hover {
    flex: 3;
}

.wrap-effect-action .item:first-of-type {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    background-image: url('/images/black-widow.jpg');
}

.wrap-effect-action .item:nth-of-type(2) {
    background-image: url('/images/james-bond.png');
}

.wrap-effect-action .item:nth-of-type(3) {
    background-image: url('/images/perfume.jpg');
}

.wrap-effect-action .item:nth-of-type(4) {
    background-image: url('/images/project-power.png');
}

.wrap-effect-action .item:last-of-type {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    background-image: url('/images/sonic.png');
}

.wrap-effect-drama .item:first-of-type {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    background-image: url('/images/drama.jpg');
}

.wrap-effect-drama .item:nth-of-type(2) {
    background-image: url('/images/drama1.jpg');
}

.wrap-effect-drama .item:nth-of-type(3) {
    background-image: url('/images/drama2.jpg');
}

.wrap-effect-drama .item:nth-of-type(4) {
    background-image: url('/images/drama3.jpg');
}

.wrap-effect-drama .item:last-of-type {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    background-image: url('/images/drama4.jpg');
}