#material .block,
#waterproof .block,
#repair .block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#material .txt,
#waterproof .txt,
#repair .txt {
    width: 40%;
}
#material img,
#waterproof img,
#repair img {
    width: 55%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
@media screen and (max-width: 768px) {
    #material .block,
    #waterproof .block,
    #repair .block {
        flex-direction: column;
    }
    #waterproof .block {
        flex-direction: column-reverse;
    }

    #material .txt,
    #waterproof .txt,
    #repair .txt {
        width: 100%;
        margin-bottom: 20px;
    }
    #material img,
    #waterproof img,
    #repair img {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }
}