.card-mas {
    height: auto;
}
.card-mas > img:first-of-type, .card-mas .card-mas-img {
    border-radius: 5px;
    object-fit: cover;
    object-position: center;
    width: 25vw;
    min-width: 300px;
    max-width: 400px;
    height: 25vh;
    min-height: 200px;
    max-height: 300px;
}
.card-mas.card-mas-big > img:first-of-type, .card-mas.card-mas-big .card-mas-img {
    width: 100%;
    max-width: none;
}
.card-mas > img:first-of-type:hover, .card-mas .card-mas-img:hover {
    opacity: 0.75;
}

.card-locations {
    position: relative;
    height: 100%;
}
.card-locations img, .card-locations .card-mas-img {
    height: 500px;
    width: 100%;
    opacity: 0.75;
    object-fit: cover;
    object-position: center;
}
.card-locations img:hover, .card-locations .card-mas-img:hover {
    opacity: 0.5;
}

/* SKELETON */
.skeleton {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.skeleton-img {
    width: 100%;
    max-width: none;
    height: 25vh;
    min-height: 200px;
    max-height: 300px;
    background-color: #c0c0c0;
}

.skeleton-text {
    height: 20px;
    margin: 10px 0;
    background-color: #c0c0c0;
}

.skeleton-text:first-of-type {
    width: 60%;
}

.skeleton-text:nth-of-type(2) {
    width: 30%;
}

.skeleton-text:last-of-type {
    width: 80%;
}

/* Shining line animation */
.skeleton::before {
    content: '';
    position: absolute;
    top: 0;
    left: -45%;
    width: 45%;
    height: 100%;
    background: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
    animation: loading 1s infinite;
    z-index: 45;
}

@keyframes loading {
    0% {
        left: -45%;
    }
    100% {
        left: 100%;
    }
}
/* < Small */
@media (max-width: 767px) {
    .card-locations img {
        width: 100%;
        height: 200px;
    }
}

/* Extra small */
@media (max-width: 575px) {

}

/* Small */
@media (min-width: 576px) and (max-width: 767px) {

}

/* Medium */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Large */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Extra large */
@media (min-width: 1200px) and (max-width: 1399px) {

}

/* Extra extra large */
@media (min-width: 1400px) {

}