.container {
    display: flex;
    flex-wrap: wrap; /* 横に並べ、折り返す */
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.container > .text {
    margin: 0 10px;
    text-align: center;
}

.container > .text img {
    margin-right: 10px;
    margin-bottom: 10px; /* ２個並んだときに下にマージンを追加 */
    transition: transform 0.3s ease;
}

.container > .text img:hover {
    transform: translateY(-5px);
}