.testimoni-background {
    background: rgba(0,0,0,0.6)url("/image/header-background-1.jpeg");
    background-blend-mode: darken;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
}

.testimoni-background .testimoni-header{
    position: absolute;
    font-size: 40px;
    color: #fff;
    margin-left: 30px;
    margin-top: 150px;
    z-index: 2;
}


.testimoni-gallery {
    width: 100%;
}  
.testimoni-gallery img{
    border: 2px solid #ff7b00;
}   
.testimoni-gallery .gambar-1{
    display: flex;
}
.testimoni-gallery .gambar-1 .baris-1{
    width: 63.6%;
}
.testimoni-gallery .gambar-1 .baris-1 img{
    width: 100%;
}
.testimoni-gallery .gambar-1 .baris-2{
    display: flex;
    flex-direction: column;
    width: 36.4%;
}
.testimoni-gallery .gambar-1 .baris-2 img{
    width: 100%;
}
.testimoni-gallery .gambar-2{
    display: flex;
    margin-top: -10px;
}
.testimoni-gallery .gambar-2 img{
    width: 33.3%;
}
.testimoni-gallery .gambar-3{
    display: flex;
}
.testimoni-gallery .gambar-3 img{
    width: 50%;
}
@media screen and (max-width: 450px){
    .testimoni-background .testimoni-header{
        font-size: 30px;
    }
}
@media screen and (max-width: 900px){
    
.testimoni-gallery .gambar-1{
    display: block;
}
.testimoni-gallery .gambar-1 .baris-1{
    width: 100%;
}
.testimoni-gallery .gambar-1 .baris-1 img{
    width: 100%;
}
.testimoni-gallery .gambar-1 .baris-2{
    display: block;
    flex-direction: column;
    width: 100%;
}
.testimoni-gallery .gambar-1 .baris-2 img{
    width: 100%;
}
.testimoni-gallery .gambar-2{
    display: block;
    margin-top: -10px;
}
.testimoni-gallery .gambar-2 img{
    width: 100%;
}
.testimoni-gallery .gambar-3{
    display: block;
}
.testimoni-gallery .gambar-3 img{
    width: 100%;
}
}