.pane, .text_1, .text_2, .imag{position: relative;float: left;}

.pane{width: 100%;height: 200px;background: #61C0C2;}
.pane_1{width: 355px; height: auto;aspect-ratio: 16/9 !important;float: right;}
.pane_2{width: 180px; height: auto;aspect-ratio: 9/16 !important;float: right;}
.text_1, .text_2{width: calc(100% - 40px);color: var(--texto_1);margin-top: 10px;}
.text_1{font-size: 14px;margin-left: 20px;}
.text_2{font-size: 12px;margin-left: 20px;color: #747b83;}

.imag{width: calc(100% - 40px);margin: -70px 20px 20px 20px;display: flex;gap: 20px;}
.imag_user img{width: calc(100% - 20px);height: calc(100% - 20px);margin: 10px;border-radius: 5px;z-index: 9;background: var(--blanco_1);position: absolute;}
.imag_user{width: 150px;height: 150px;background: var(--blanco_1);border-radius: 5px;border: 1px solid rgba(0,0,0,0.1);cursor: pointer;position: relative;}
.imag_text{width: 100%;padding: 5px;text-align: center;position: absolute;top: -40px;font-size: 12px;background: var(--rosa_1);border-radius: 5px;font-weight: 600;color: var(--blanco_1);}
.imag_icon{width: 100%;height: 100%;font-size: 50px;text-align: center;line-height: 150px;position: absolute;}

.icon_1{
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    color: var(--rosa_1);
}
@media screen and (max-width: 500px){
    .text_1{font-size: 12px;}
}
@media screen and (max-width: 400px){
    .imag_user{width: 100px;height: 100px;}
    .imag_icon{line-height: 100px;}
    .imag_text{font-size: 10px;}
    .text_1{font-size: 10px;}
    .text_2{font-size: 10px;}
}