@media only screen and (max-width: 1440px) {
   .contents-items-wrapper {
         grid-template-columns: repeat(3, 1fr);
   }

   .contents-item {
    justify-content: center;
    align-items: center;
   }

   .contents-item-title {
    font-size: 1.25rem;
    text-align: center;
}

   .contents-item-detail {
    justify-content: center;
    align-items: center;
   }
}

@media only screen and (max-width: 768px) {
    .contents-item-title {
        font-size: 1.25rem;
        text-align: center;
    }

    .contents-items-wrapper {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 1rem;
        row-gap: 1rem;
    }

    .contents-item-detail {
        gap: 0.25rem;
    }

    .contents-item-image-wrapper img {
        width: 64px;
        height: 64px;
        padding: 20px;
    }
}