.jic-overview-container {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    position: relative;
}

.jic-overview-item {
    /*    height: 40vh; */
    flex-grow: 1;
    /*    flex-shrink: 0;*/
    max-width:20%;
    height:100%;
    margin-bottom:-40px;
}

.jic-overview-item:hover span {
    opacity: 1;
}

.jic-overview-item:last-child {
    /*    flex-grow: 10;*/
}

.jic-overview-img {
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: bottom;
}

.jic-overview-add-to-watchlist {
    display: inline-block;
    position: relative;
    top: -80px;
}

.jic-overview-name {
    display: inline-block;
    height: 40px;
    width: 100%;
    top: -40px;
    opacity: 0;
    position: relative;
    transition: opacity 0.5s;
    pointer-events: none;
    background-color: white;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    line-height: 40px;
    font-family: 'Code',Helvetica,Arial,Lucida,sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
}

/* Portrait */
/*
@media (max-aspect-ratio: 1/1) {
    .jic-overview-li {
        height: 30vh;
    }
}
*/
/* Short screens */
/*
@media (max-height: 480px) {
    .jic-overview-li {
        height: 80vh;
    }
}
*/
/* Smaller screens in portrait */
/*
@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
    .jic-overview-ul {
        flex-direction: row;
    }

    .jic-overview-li {
        height: auto;
        width: 100%;
    }
    .jic-overview-img {
        width: 100%;
        max-height: 75vh;
        min-width: 0;
    }
}

*/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  .jic-overview-container {width: 100%;max-width: 100%;}
  .jic-overview-item {max-width:16.5%;margin-bottom:-40px;}
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
  .jic-overview-container {width: 80%;max-width: 1080px;}
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
  .jic-overview-container {width: 100%;}
  .jic-overview-item {max-width:25%;}
  .jic-overview-name{font-size:0.85em;}
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
  .jic-overview-container {width: 100%;}
  .jic-overview-item {max-width:25%;}

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  .jic-overview-container {width: 100%;}
  .jic-overview-item {max-width:33.33%;}
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
  .jic-overview-container {width: 100%;}
  .jic-overview-item {max-width:50%;}
}