.flag1 {
    width: 70%;
    height: 80%;
    object-fit: cover;
    border: 1px solid black;
    margin-top: 5%;
    margin-left: 30%;
    cursor: pointer;
    border-radius: 20px;
    transition: transform 0.2s ease-in-out;
}
.flag2 {
    width: 70%;
    height: 80%;
    object-fit: cover;
    border: 1px solid black;
    margin-top: 5%;
    margin-left: 5%;
    cursor: pointer;
    border-radius: 20px;
    transition: transform 0.2s ease-in-out;
}

.flag1:hover,
.flag2:hover {
    transform: scale(1.1);
}
.flag3 {
    width: 70%;
    height: 80%;
    object-fit: cover;
    border: 1px solid black;
    margin-top: 5%;
    margin-left: 30%;
    cursor: pointer;
    border-radius: 20px;
    transition: transform 0.2s ease-in-out;
}
.flag4 {
    width: 70%;
    height: 80%;
    object-fit: cover;
    border: 1px solid black;
    margin-top: 5%;
    cursor: pointer;
    border-radius: 20px;
    transition: transform 0.2s ease-in-out;
}