.p-item {
    /*height: 80vh;*/
}

.p-item, .p-item .card {
    /*background-color: var(--light-bg);*/
    border: none;
}

.p-item .carousel-inner {
    height: 80vh;
    text-align: center;
    display: flex;
    align-items: center;
}

.p-item .carousel-item img {
    /*max-width: calc(40vw);*/
    max-height: 80vh;
}

@media screen and (max-width: 768px){
    .p-item {
        height: 100%;
    }
    .p-item .carousel-item img {
        max-width: 100%;
    }
}

.h-section {
    min-height: 60vh;
    height: 90vh;
    /*max-height: 90vh;*/
}

.h-section-item {
    width: auto;
    height: 100%;
    display: inherit;
}

.h-section-item img {
    width: auto;
    height: 100%;
    /*max-height: 100%;*/
    object-fit: contain;
}