.container{
    display: flex;
    gap: 20px;
}

.cat-photo-img{
    max-width: 100%;
}

.cat-text-h1{
    color: red;
}

.cat-text-wiki{
    text-align: right;
}

.cat-photo,
.cat-text{
    width: 50%;
}




/* メディアクエリ 600pxより狭いとき */
@media (max-width:600px){
    .container{
        flex-direction: column;
    }

    .cat-photo,
    .cat-text{
        width: 100%;
    }
}