* {
    font-family: Verdana, serif;
}

.leader {
    color: white;
    -webkit-text-stroke: .5px black;
    display: flex;
    justify-content: center;
    /*width: 100%;*/
}

.photo-cards{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
justify-items: center;
    gap: 20px
}

.photo-cards > img {
    height: 200px;
}

.container {
    background-color: green;
    display: flex;
    padding: 10px;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.container:hover {
    flex-direction: column-reverse;
}

.red {
    background-color: red;
}

.yellow {
    background-color: yellow;
}

body {
    background-color: #ffb8ff;
}

.snuffie {
    height: 200px;
    display: none;
}