* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: aliceblue;
    height: 100vh;
}

.container {
    width: 600px;
    height: 90dvh;
    background-color: antiquewhite;
    border: 1px solid lightslategray;
    border-radius: 10px;
    box-shadow: 2px 2px 10px lightslategray; 
    overflow: scroll;
    scrollbar-width: none;
}

.layout {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 10px; 
}

.one {
    /* width: 290px; */
    height: fit-content;
    /* background-color: violet; */
}

.two {
    /* width: 290px; */
    height: fit-content;
    /* background-color: teal; */
}

.imgContainer { 
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.img {
    width: 100%; 
    border-radius: 6px;
    border: 1px solid lightslategray;
    box-shadow: 1px 1px 6px lightsteelblue;
}