figure.figure5,
a.item-link:hover {
    overflow: hidden;
}

figure.figure5,
a.item-link:hover {
    overflow: hidden;
}

figure.figure5 {
    display: block;
    text-align: center;
    color: #fff;
    position: relative;
}

figure.figure5:hover:before {
    left: 10px;
    opacity: 1;
    right: 10px;
}

figure.figure5:before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 10px;
    content: "";
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 50%;
    top: 10px;
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    z-index: 1;
}

figure.figure5:hover:after {
    bottom: 10px;
    opacity: 1;
    top: 10px;
}

figure.figure5:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: 50%;
    content: "";
    left: 10px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -ms-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
    z-index: 1;
}

figure.figure5 img {
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure.figure5 img:hover {
    filter: brightness(0.5) blur(1px);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure.figure5 figcaption {
    font-size: 2vw;
    pointer-events: none;
    opacity: 1;
     
    padding: 5px 15px;
    margin-top: 0em;
    margin-bottom: 0em;
    position: absolute;
    bottom: 0;
    transition: all 0.3s ease;
}

figure.figure5:hover figcaption {
    transition: all 0.3s ease;
    opacity: 1;
}

figure.figure5 figcaption,
figure.figure5 figcaption a {
    color: white;
    font-size: 30px;
    font-weight: 900;

    width: 80%;
    border-radius: 8px;
}

/* 

     IMG 6

  */

 
figure.figure6,
a.item-link:hover {
    overflow: hidden;
}

figure.figure6,
a.item-link:hover {
    overflow: hidden;
}

figure.figure6 {
    display: block;
    text-align: center;
    color: #fff;
    position: relative;
}

figure.figure6:hover:before {
    left: 10px;
    opacity: 1;
    right: 10px;
}

figure.figure6:before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 10px;
    content: "";
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 50%;
    top: 10px;
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    z-index: 1;
}

figure.figure6:hover:after {
    bottom: 0;
    opacity: 1;
    top: 0;
    background: -webkit-linear-gradient(180deg, rgb(56 184 227 / 40%) 0%, rgb(127 144 198 / 40%) 50%, rgb(167 117 170 / 40%) 100%);
}

figure.figure6:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -ms-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
    z-index: 1;
}

figure.figure6 img {
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure.figure6 img:hover {
    filter: brightness(0.5) blur(1px);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure.figure6 figcaption {
    font-size: 2vw;
    pointer-events: none;
    opacity: 1;
     
    padding: 5px 15px;
    margin-top: 0em;
    margin-bottom: 0em;
    /* position: absolute;
    bottom: 0; */

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

figure.figure6:hover figcaption {
    transition: all 0.3s ease;
    opacity: 1;
}

figure.figure6 figcaption,
figure.figure6 figcaption a {
    color: white;
    font-size: 25px;
    font-weight: 900;
    width: 80%;
    border-radius: 8px;
}