.filter {
    width: 40%;
    margin-bottom: 25px;
}

.current-productions {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;    
    color: #000;
}

.current-productions .current-production {
    
    width: 48%;
    margin-bottom: 25px;
  --s: 150px;
  padding: 15px;
  border: 5px solid #4a5168; /* the thickness and color */
  -webkit-mask:
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
    0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    linear-gradient(#000 0 0) content-box;
}

.current-productions .current-production .image-info {
    display: flex;    
}

.current-productions .current-production .image-info .image {
    width: 305px;
    height: 455px;
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center center;
    margin-right: 20px;
}

.current-productions .current-production .image-info .info { 
    color: #fff;
}

.current-productions .current-production .image-info .info .name {
    font-size: 28px;
    font-weight: bold;
}

.current-productions .current-production .image-info .info .item {
    font-size: 20px;
}

.current-productions .current-production .image-info .info .item .label {
    font-size: 24px;
    font-weight: bold;
}

.current-productions .current-production .image-info .status {
    color: #DB9422;
    margin-bottom: 15px;
}

.current-productions .current-production .image-info .status .label {
    color: #fff;
}

@media (max-width: 1023px) {
    .filter {
        width: 100%;        
    }

    .current-productions .current-production { 
        width: 100%;
    }
}