How to change the content of the product in a block not in the page?

Try the following for product blocks.

Add the following to Page Settings > Advanced > Page Header Code Injection for the page.

<style>

  /*
  
    begin product blocks variants first
    
    Version     : 0.1d0
    
    SS Version  : 7.1
    
    By          : Thomas Creedon < http://www.tomsWeb.consulting/ >
    
    */
    
    .product-block .productDetails {
    
      display : -webkit-box;
      display : -ms-flexbox;
      display : flex;
      
      -webkit-box-orient : vertical;
      -webkit-box-direction : normal;
      -ms-flex-direction : column;
      flex-direction : column;
      
      gap : 20px;
      
      }
      
    .product-block .productDetails > *,
    .product-block .productDetails .product-price,
    .product-block .productDetails .product-title
    
      {
      
        margin-bottom : 0;
        margin-top : 0;
        
        }
        
    .product-block .productDetails .product-variants {
    
      -webkit-box-ordinal-group : 0;
      -ms-flex-order : -1;
      order : -1;
      
      }
      
   /* end product blocks variants first */
   
  </style>

Let us know how it goes.