#f1_container {
    position: relative;
    margin: 10px auto;
    width: 250px;
    height: 330px;
    z-index: -2;
}
.owl-prev, .owl-next{
    display: none!important;
}
#f1_container {
    perspective: 1000px;
}
#f1_card {
    margin-top: 150px;
    transform-style: preserve-3d;
    /* display: flex; */
    /* justify-content: center; */
    position: relative;
    z-index: 2 !important;
}

#f1_container:hover #f1_card {
    transform: rotateY(180deg);
    transition-delay: 0s, 0.5s, 0.5s;
    z-index: 11;
}
.face img{
    z-index: 2;
}
.face {
    position: fixed;
    width: 100%;
    /* height: 100vh; */
    backface-visibility: hidden;
    /* z-index: -2 !important; */
    /* opacity: 0.6; */
}
.front img{
    position: fixed;
    display: flex;
    z-index: 99 !important;
}
.face.back {
    position: fixed;
    color: #fff;
    margin-top: -166px;
    width: 650px;
    height: 458px !important;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    background: black !important;
    opacity: 0.5;
    backdrop-filter: blur(5px) !important;
    border: none;
    /* margin-left: -100px; */
    padding-top: 80px;
   
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}