.cont {
    width: 250px;
    height: 237px;
    margin: 4px;
    border-radius: 3px;
    margin: 3px;
}
.introduce {
    height: 68px;
}
.cont-button {
    display: block;
    background-color: white;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.cont-img-box {
    overflow: hidden;
}

.cont-img {
    border-radius: 4px;
    width: 100%;
    height: 140px;
    object-fit: cover;
}
.timeline::after {
    display: block;
    content: "";
    width: calc(100% - 30px);
    border-bottom: 0.2px dashed rgba(0, 0, 0, 0.425);
    margin: 0 auto;
}
.contain {
    
}
.subject {
    display: flex;

}
a {
    color: black;
    text-decoration: none;
  
}

a:hover {
    color: inherit;
}
@media (max-width: 650px) {
    .cont-img {
        height: 100px;
    }
    
}
@media (max-width: 540px) {
    .cont {
        border-radius: 3px;
        width: 48%;
        margin: 3px;
        height: 212px;
    }
    .cont-img {
        border-radius: 3px;
        width: 100%;
        height: 109px;
    }
}