.o_brende-wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px;
    width: 100%;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
.o_brende-wrapper-content{
  padding-left: 50px;
}
.o_brende-wrapper-content>*{
  margin-bottom: 20px;
}
.o_brende-wrapper-content p:last-child{
   margin-bottom: 0;
}
.o_brende-wrapper-img img{
  height: 500px;
  object-fit: cover;
}
.main-p.active{
  margin-bottom: 0;
}
.o_brende-wrapper-first .o_brende-wrapper-img{
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
  right: -100px;
  position: relative;
}
.o_brende-wrapper-first.seen-np-kom .o_brende-wrapper-img{
  opacity: 1;
  transform: translateX(-100px);
}
.o_brende-wrapper-first .o_brende-wrapper-content{
    -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
  left: -20px;
    position: relative;
}
.o_brende-wrapper-first.seen-np-kom .o_brende-wrapper-content{
transform: translateX(20px);
}
.o_brende-wrapper-first .o_brende-wrapper-content .phrases{
  opacity: 0;
    -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
}
.o_brende-wrapper-first.seen-np-kom .o_brende-wrapper-content .phrases{
opacity: 1;
}
.o_brende-wrapper-first .o_brende-wrapper-content .main-p{
 opacity: 0.5;
   -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
}
.o_brende-wrapper-first.seen-np-kom .o_brende-wrapper-content .main-p{
 opacity: 1;
}
@media(min-width: 901px){
.o_brende-wrapper{
  margin-bottom: 40px;
  margin-top: 40px;
}  
}
@media(max-width: 900px){
  .o_brende-wrapper-content{
  padding-left: 100px;
}
.o_brende-wrapper-img img{
  height: 520px;
}
.o_brende-wrapper{
gap: 0px;
}
.o_brende-wrapper-img{
  padding-left: 50px;
}
}
@media(max-width: 850px){
    .o_brende-wrapper-content{
  padding-left: 32px;
}
.o_brende-wrapper{
gap: 56px;
}
.o_brende-wrapper-img{
  padding-left: 0px;
}
}
@media(max-width: 576px){
.o_brende-wrapper{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 26px;
}

.o_brende-wrapper-content{
  padding-left: 0px;
  order: 2;
}
.o_brende-wrapper-img img{
  height: 260px;
}
.o_brende-wrapper-img{
  width: 100%;
  order: 1;
}
.o_brende_but{
  display: block;
  margin: 0 auto;
}
}
@media (max-width: 425px) {
    .o_brende-wrapper {
      padding: 20px 8px;
    }
    .o_brende-wrapper-img img{
  height: 200px;
}
}