.index三大產品5 {
    container-type: inline-size;
}

    .index三大產品5 .theGrid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        column-gap: 40px;
        row-gap: 40px;
        grid-auto-flow: row;
        justify-items: stretch;
        align-items: stretch;
    }

    .index三大產品5 .oneBlock {
        align-items: center;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        border-radius: 8px;
    }

        .index三大產品5 .oneBlock img {
            max-width: 100%;
            border-style: solid;
            border-width: 1px;
            border-color: rgba(17, 18, 18, 0.06);
            border-radius: 8px;
            box-shadow: 0 1px 6px 0 rgb(17 18 18 / 6%);
        }

.index三大產品5 .oneBlock:hover
{
  animation: pulse;
  animation-duration: 1s;
}

    .index三大產品5 .ptText {
        padding: 0 1em 1em 1em;
        text-align: center;
    }

    .index三大產品5 .oneBlock h2 {
        margin: 20px 0;
    }

    .index三大產品5 .oneBlock p {
        color: #b5b3b3;
    }

    .index三大產品5 .oneBlock .more {
        background-color: #be1111;
        color: #FFFFFF;
        padding: 10px 20px;
        border-radius: 5px;
    }

@container (max-width: 767px) {
    .index三大產品5 .theGrid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        column-gap: 20px;
        row-gap: 40px;
        grid-auto-flow: row;
        justify-items: stretch;
        align-items: stretch;
    }
}