* {
    font-family: 'Georgia', 'Times New Roman', 'Times', 'Cambria', serif, "DFKai-SB", "BiauKai", "Kaiti TC", "AR PL UKai TW", "AR PL UKai HK", "AR PL UKai CN", "TW-Kai", "KaiTi", "楷体", serif;
}

.service {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.case_t1{
    font-size: xx-large;
    font-weight: bold;
}

.case_t{
    font-size: x-large;
    font-weight: bold;
}

.case_c{
    text-align: justify;
    font-size: 20px;
    padding-left: 3%;
    padding-right: 3%;
}

.container {
    position: relative;
    flex-basis: 33%;
}

.text {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
    border-radius: 5px;
    z-index: 1;
}

.image {
    width: 200px;
    height: auto;
    aspect-ratio: 643 / 629;
}

.container:hover .text {
    display: block;
    width: 200px;
    height: 200px;
}

.container:hover .image {
    opacity: 0.1;
}

.container:hover .case_t1{
    display: none;
}