.porfolio-section {
    width: 80%;
    margin: 20px auto;
}

.porfolio-section-gird {
    /* display: flex;
    align-content: space-evenly;
    flex-wrap: wrap; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 40px auto;
}


.porfolio-section-gird .image-book {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
    transition: .3s ease-in-out;
}


.porfolio-section-gird .image-book:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.293);
    scale: 1.02;
}


.porfolio-section h1 {
    margin: 0 0 22px;

    color: var(--navy);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(44px, 5vw, 72px);

    font-weight: 700;

    line-height: 1.05;

    letter-spacing: -2px;
}