.frames {
    /* background: linear-gradient(to right, var(--yl), white, var(--yl)); */
    background-color: var(--yl);
    min-height: 50vh;
    padding: 80px 20px;
}

.frames:nth-child(odd) {
    background-color: var(--w);
}

.frame {
    width: 360px;
    min-width: 280px;
    height: 220px;
    text-align: center;
}

.frame iframe {
    width: 100%;
    height: 220px;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 0 5px #00000050;
}

.image {
    width: 360px;
    height: 220px;
    text-align: center;
    margin: 30px 0;
}

.image img {
    width: 100%;
    box-shadow: 0 0 5px #00000050;
    height: 220px;
    border-radius: 8px;
}

.svg {
    margin-top: -70px;
}

.loc {
    width: 100%;
    padding: 0px 20px;
    flex-wrap: wrap;
}