<div class="image-divider-right">
<div class="image-divider-right-content">
<div class="image-divider-right-textbox">
<p class="image-divider-right-content-textbox__text">Jeans shrine Chiba fluidity shoes chrome arcology nano-San Francisco singularity vehicle crypto-new yen Blue Nine. Maas Biolabs hacker Freeside uplink dermatrodes franchise gauntlet personality Chiba systema Dex beef noodles biochip personality
Chiba post-uplink euro-pop sentient.</p>
</div>
<img class="image-divider-right-image" itemprop="photo" src="../../assets/visual-culture-02.jpg" alt="innoQ Mitarbeiter">
</div>
</div>
<div class="image-divider-right">
<div class="image-divider-right-content">
<div class="image-divider-right-textbox">
<p class="image-divider-right-content-textbox__text">
Jeans shrine Chiba fluidity shoes chrome arcology nano-San Francisco singularity
vehicle crypto-new yen Blue Nine. Maas Biolabs hacker Freeside uplink dermatrodes
franchise gauntlet personality Chiba systema
Dex beef noodles biochip personality Chiba post-uplink euro-pop sentient.
</p>
</div>
<img class="image-divider-right-image" itemprop="photo" src={context.app.uri("assets/visual-culture-02.jpg")} alt="innoQ Mitarbeiter" />
</div>
</div>
/* No context defined for this component. */
// .image-divider-right {
// background-color: $brand-text;
// }
.image-divider-right-content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.image-divider-right-image {
width: 100%;
}
.image-divider-right-textbox {
display: flex;
align-items: center;
justify-content: center;
background-color: $brand-white;
padding: $spacer-md;
}
.image-divider-right-content-textbox__text {
@extend %heading-font-bold;
margin-bottom: 0;
line-height: $image-divider-right-content-text-line-height-small;
color: $brand-red;
font-size: $image-divider-right-content-text-font-size-small;
}
//Breakpoints
@media screen and (min-width: $grid-breakpoint-md) {
.image-divider-right-image {
margin: 0 auto;
max-width: 70%;
}
.image-divider-right-textbox {
padding: $spacer-lg;
}
}
@media screen and (min-width: $grid-breakpoint-lg) {
.image-divider-right-content {
flex-direction: row;
margin: 0 auto;
max-width: $default-page-layout-content-width-xl;
}
.image-divider-right-textbox {
flex-grow: 1;
padding: 0 $spacer-xxl;
width: 100%;
}
.image-divider-right-image {
max-width: $default-page-layout-content-width-xl / 2;
max-height: $default-page-layout-content-width-xl / 2;
}
.image-divider-right-content-textbox__text {
line-height: $image-divider-right-content-text-line-height;
font-size: $image-divider-right-content-text-font-size;
}
}
There are no notes for this item.