body{
    background-image: url("/background/50.gif");
        background-size: auto;
}

h2{
    max-width: 26ch;
    margin: 0.5em auto;
}

h2 + p{
    font-weight: bold;
}

.texture{
    --new-size: calc(var(--size) * 1.45);
    grid-template-rows: var(--new-size);
}

.hugme{
	height: var(--new-size);
}

.img img{
	width: 100%;
	height: 100%;
    object-fit: cover;
}

.texture:nth-of-type(odd){
    grid-template-areas: 'main img';
    grid-template-columns: 1fr var(--size);
}
 
 .texture:nth-of-type(even){
    grid-template-areas: 'img main';
    grid-template-columns: var(--size) 1fr;
}