@media only screen and (max-width: 1200px) {
    .modal-detail {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .modal-detail h3 {
            position: absolute;
            border-bottom: 2px solid;
        }

        .modal-detail p {
            font-size: 15px;
            margin: 47px 30px 0px;
            text-align: justify;
        }

        .modal-detail img {
            object-fit: contain;
            height: 237px;
            margin: 30px 10px 0px;
            border-radius: 10px;
        }
}


@media only screen and (max-width: 340px) {
    .card-description {
        position: absolute;
        top: 36%;
    }
}

@media only screen and (max-width: 750px) {
    .card-description {
        width: 68%;
        height: 150px;
        position: absolute;
        top: 55%;
    }

    .Card-Products {
        height: 345px;
        border-radius: 9px;
    }
}

@media only screen and (max-width: 1024px) {
    .card-description {
        width: 68%;
        height: 150px;
        position: absolute;
        top: 39%;
    }
}